{
    "name": "Shine Phase 2",
    "components": [
        {
            "name": "/App",
            "graph": {
                "connections": [
                    {
                        "fromId": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
                        "fromProperty": "items",
                        "toId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
                        "toProperty": "in-knownArticles"
                    },
                    {
                        "fromId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
                        "fromProperty": "out-newArticleId",
                        "toId": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
                        "toProperty": "prop-article_id"
                    },
                    {
                        "fromId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
                        "fromProperty": "out-doCreate",
                        "toId": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
                        "fromProperty": "queryResult",
                        "toId": "721da4bc-2d04-8a27-8707-2c7a6060418f",
                        "toProperty": "result"
                    },
                    {
                        "fromId": "721da4bc-2d04-8a27-8707-2c7a6060418f",
                        "fromProperty": "result",
                        "toId": "c11859a8-6f8e-02ea-f9e4-71ab7efdaec3",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "246f9453-a119-ac78-171e-3806cf596ecc",
                        "fromProperty": "didMount",
                        "toId": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
                        "toProperty": "Do"
                    },
                    {
                        "fromId": "ddef2951-0900-5469-4253-51767f478f6a",
                        "fromProperty": "savedValue",
                        "toId": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
                        "toProperty": "Query"
                    },
                    {
                        "fromId": "721da4bc-2d04-8a27-8707-2c7a6060418f",
                        "fromProperty": "result",
                        "toId": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
                        "toProperty": "in-array"
                    },
                    {
                        "fromId": "e9a5a4b0-557c-167c-a398-5cef585d856d",
                        "fromProperty": "currentPageTitle",
                        "toId": "3af1b37d-5695-fa53-c7cb-8c913d491cc1",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "246f9453-a119-ac78-171e-3806cf596ecc",
                        "fromProperty": "didMount",
                        "toId": "02057267-8d73-8f6d-3368-cbe5d355c769",
                        "toProperty": "doInit"
                    },
                    {
                        "fromId": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
                        "fromProperty": "created",
                        "toId": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
                        "toProperty": "storageFetch"
                    },
                    {
                        "fromId": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
                        "fromProperty": "items",
                        "toId": "19a26f5d-1016-eb13-6f22-885f2bbf6c98",
                        "toProperty": "items"
                    }
                ],
                "roots": [
                    {
                        "id": "246f9453-a119-ac78-171e-3806cf596ecc",
                        "type": "Group",
                        "x": -111.4681915301291,
                        "y": 254.4376377651178,
                        "parameters": {
                            "backgroundColor": "#FFFFFF",
                            "scrollEnabled": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e9a5a4b0-557c-167c-a398-5cef585d856d",
                                "type": "Router",
                                "parameters": {
                                    "name": "Main",
                                    "pages": {
                                        "routes": [
                                            "/Pages/Article",
                                            "/Pages/Profile"
                                        ],
                                        "startPage": "/Pages/Article"
                                    },
                                    "clip": "scroll"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "c11859a8-6f8e-02ea-f9e4-71ab7efdaec3",
                        "type": "Collection2",
                        "x": -743.9675329444627,
                        "y": 105.60567770568736,
                        "parameters": {
                            "collectionId": "Article Slugs"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "98bd9a76-517f-d2f4-86a7-e8c756cc9257",
                        "type": "JavaScriptFunction",
                        "x": -444.60668800752023,
                        "y": 605.9197272651145,
                        "parameters": {
                            "functionScript": "// This function checks whether or not there are new articles which Noodl doesn't know\n// about, coming from Contentful.\n//\n// If new articles are present, these are added to the list of known Article_Ids.\n//\n// Simply input the result from your REST query and your list of known Article_Ids from\n// Noodl DB.\n\nif(Inputs.array && Inputs.knownArticles){ \n    const filtered = Inputs.array.filter(item => (\n        Inputs.knownArticles.items.filter(article => (\n            article.article_id == item.sys.id)).length < 1\n    ));\n    if(filtered.length > 0){\n        for(let x in filtered){\n            Outputs.newArticleId = filtered[x].sys.id;\n            Outputs.ratings = Noodl.Object.create({'article_id':filtered[x].sys.id})\n            Outputs.doCreate();\n        }\n    }\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-array",
                                "displayName": "array",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-knownArticles",
                                "displayName": "knownArticles",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "out-doCreate",
                                "displayName": "doCreate",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "out-newArticleId",
                                "displayName": "newArticleId",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "out-ratings",
                                "displayName": "ratings",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f90e6eae-94f4-ab2c-139a-dd03bf70fc6e",
                        "type": "DbCollection2",
                        "x": -795.759579309524,
                        "y": 508.8120739511081,
                        "parameters": {
                            "collectionName": "Article",
                            "storageEnableLimit": true,
                            "storageLimit": 999999
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "displayName": "Class",
                                "plug": "input",
                                "group": "General",
                                "index": 6
                            },
                            {
                                "name": "storageFilterType",
                                "type": {
                                    "name": "enum",
                                    "allowEditOnly": true,
                                    "enums": [
                                        {
                                            "value": "simple",
                                            "label": "Visual"
                                        },
                                        {
                                            "value": "json",
                                            "label": "Javascript"
                                        }
                                    ]
                                },
                                "displayName": "Filter",
                                "default": "simple",
                                "plug": "input",
                                "group": "General",
                                "index": 7
                            },
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageEnableLimit",
                                "displayName": "Use limit",
                                "index": 8
                            },
                            {
                                "type": "number",
                                "default": 10,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageLimit",
                                "displayName": "Limit",
                                "index": 9
                            },
                            {
                                "type": "number",
                                "default": 0,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageSkip",
                                "displayName": "Skip",
                                "index": 10
                            },
                            {
                                "type": "signal",
                                "plug": "input",
                                "group": "Actions",
                                "name": "storageFetch",
                                "displayName": "Do",
                                "index": 11
                            },
                            {
                                "name": "visualFilter",
                                "plug": "input",
                                "type": {
                                    "name": "query-filter",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "article_id": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "likes_count": {
                                                "type": "Number",
                                                "required": false
                                            },
                                            "ratings": {
                                                "type": "Object",
                                                "required": false
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Filter",
                                "group": "Filter",
                                "index": 12
                            },
                            {
                                "name": "visualSort",
                                "plug": "input",
                                "type": {
                                    "name": "query-sorting",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "article_id": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "likes_count": {
                                                "type": "Number",
                                                "required": false
                                            },
                                            "ratings": {
                                                "type": "Object",
                                                "required": false
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Sort",
                                "group": "Sorting",
                                "index": 13
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2467a328-b9ce-a4ab-2488-fc1270d5d5fc",
                        "type": "NewDbModelProperties",
                        "x": -180.75957930952393,
                        "y": 718.9290808151097,
                        "parameters": {
                            "collectionName": "Article",
                            "accessControl": [],
                            "prop-likes_count": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-article_id",
                                "displayName": "article_id",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "number"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-likes_count",
                                "displayName": "likes_count",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-ratings",
                                "displayName": "ratings",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "91c6350d-54f1-fe23-eb77-9a40d06995b5",
                        "type": "/Logic Components/Contentful GraphQL",
                        "label": "Get all Article slugs and article Id's",
                        "x": -474.0342096115385,
                        "y": 220.39381800217677,
                        "parameters": {
                            "Query": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "721da4bc-2d04-8a27-8707-2c7a6060418f",
                        "type": "Expression",
                        "label": "Extract array of Articles from GraphQl result",
                        "x": -721.1728336706433,
                        "y": 263.78811545025394,
                        "parameters": {
                            "expression": "result.articleCollection.items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "result",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ddef2951-0900-5469-4253-51767f478f6a",
                        "type": "String",
                        "label": "Get all slugs query",
                        "x": -487.8922532281124,
                        "y": 36.06929510680436,
                        "parameters": {
                            "value": "query { articleCollection { items { slug sys{id} } }}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3af1b37d-5695-fa53-c7cb-8c913d491cc1",
                        "type": "Variable2",
                        "x": 281.38488156419714,
                        "y": 338.6726210114417,
                        "parameters": {
                            "name": "Current Page Title"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e698c6c3-e118-9ef9-8831-aec968392e0e",
                        "type": "CSS Definition",
                        "x": -417.69457472938393,
                        "y": 376.28137209046633,
                        "parameters": {
                            "style": ".pointer:hover{\n    cursor: pointer !important;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c0d9e721-263a-738a-5ead-44e8815166c6",
                        "type": "CSS Definition",
                        "label": "Inter Font Import",
                        "x": -185.08058800863114,
                        "y": -1.7309807898276688,
                        "parameters": {
                            "style": "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "02057267-8d73-8f6d-3368-cbe5d355c769",
                        "type": "/Logic Components/Tracking",
                        "x": 167.63171374679337,
                        "y": 101.86470651879876,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "19a26f5d-1016-eb13-6f22-885f2bbf6c98",
                        "type": "Collection2",
                        "label": "Articles",
                        "x": -704.3682862532066,
                        "y": 679.8647065187988,
                        "parameters": {
                            "collectionId": "all articles"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasSize": {
                    "width": "1039px",
                    "height": "751px"
                },
                "canvasPos": {
                    "x": 0,
                    "y": 0
                }
            }
        },
        {
            "name": "/ArticleProjectAppComponent",
            "id": "5b4c4f93-1787-07af-be09-fcb03d24fc29",
            "graph": {
                "connections": [
                    {
                        "fromId": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
                        "fromProperty": "items",
                        "toId": "83a8629b-186c-d9fc-0530-d61be6945876",
                        "toProperty": "in-knownArticles"
                    },
                    {
                        "fromId": "83a8629b-186c-d9fc-0530-d61be6945876",
                        "fromProperty": "out-newArticleId",
                        "toId": "86da8796-f37e-cce7-88a5-b80622f5bf28",
                        "toProperty": "prop-article_id"
                    },
                    {
                        "fromId": "83a8629b-186c-d9fc-0530-d61be6945876",
                        "fromProperty": "out-doCreate",
                        "toId": "86da8796-f37e-cce7-88a5-b80622f5bf28",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
                        "fromProperty": "queryResult",
                        "toId": "db489ac9-451f-eca0-1b3d-58aa298c467b",
                        "toProperty": "result"
                    },
                    {
                        "fromId": "db489ac9-451f-eca0-1b3d-58aa298c467b",
                        "fromProperty": "result",
                        "toId": "c784fb8f-d0ff-172c-173d-87c59fd2a9d8",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "f41abd26-944c-1f9a-8de4-a58ed5716fc6",
                        "fromProperty": "didMount",
                        "toId": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
                        "toProperty": "Do"
                    },
                    {
                        "fromId": "17ad102e-44b3-165d-21bf-d42830300aac",
                        "fromProperty": "savedValue",
                        "toId": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
                        "toProperty": "Query"
                    },
                    {
                        "fromId": "db489ac9-451f-eca0-1b3d-58aa298c467b",
                        "fromProperty": "result",
                        "toId": "83a8629b-186c-d9fc-0530-d61be6945876",
                        "toProperty": "in-array"
                    },
                    {
                        "fromId": "c1b6cea7-c728-d43d-d3b8-13f813312437",
                        "fromProperty": "currentPageTitle",
                        "toId": "73ff18a6-9918-c0f4-017a-6ab0bd325bea",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f41abd26-944c-1f9a-8de4-a58ed5716fc6",
                        "fromProperty": "didMount",
                        "toId": "5f2443fa-bba0-e5d9-97a2-a809831953fc",
                        "toProperty": "doInit"
                    },
                    {
                        "fromId": "86da8796-f37e-cce7-88a5-b80622f5bf28",
                        "fromProperty": "created",
                        "toId": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
                        "toProperty": "storageFetch"
                    },
                    {
                        "fromId": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
                        "fromProperty": "items",
                        "toId": "c9ecd226-c474-2ccc-27ca-a3daead3788b",
                        "toProperty": "items"
                    }
                ],
                "roots": [
                    {
                        "id": "f41abd26-944c-1f9a-8de4-a58ed5716fc6",
                        "type": "Group",
                        "x": 532.7913877793949,
                        "y": 225.6686185549455,
                        "parameters": {
                            "backgroundColor": "#FFFFFF",
                            "scrollEnabled": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c1b6cea7-c728-d43d-d3b8-13f813312437",
                                "type": "Router",
                                "parameters": {
                                    "name": "Main",
                                    "pages": {
                                        "routes": [
                                            "/Pages/Article",
                                            "/Pages/Profile"
                                        ],
                                        "startPage": "/Pages/Article"
                                    },
                                    "clip": "scroll"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "c784fb8f-d0ff-172c-173d-87c59fd2a9d8",
                        "type": "Collection2",
                        "x": -99.70795363493869,
                        "y": 76.83665849551502,
                        "parameters": {
                            "collectionId": "Article Slugs"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "83a8629b-186c-d9fc-0530-d61be6945876",
                        "type": "JavaScriptFunction",
                        "x": 199.6528913020038,
                        "y": 577.1507080549421,
                        "parameters": {
                            "functionScript": "// This function checks whether or not there are new articles which Noodl doesn't know\n// about, coming from Contentful.\n//\n// If new articles are present, these are added to the list of known Article_Ids.\n//\n// Simply input the result from your REST query and your list of known Article_Ids from\n// Noodl DB.\n\nif(Inputs.array && Inputs.knownArticles){ \n    const filtered = Inputs.array.filter(item => (\n        Inputs.knownArticles.items.filter(article => (\n            article.article_id == item.sys.id)).length < 1\n    ));\n    if(filtered.length > 0){\n        for(let x in filtered){\n            Outputs.newArticleId = filtered[x].sys.id;\n            Outputs.ratings = Noodl.Object.create({'article_id':filtered[x].sys.id})\n            Outputs.doCreate();\n        }\n    }\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-array",
                                "displayName": "array",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-knownArticles",
                                "displayName": "knownArticles",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "out-doCreate",
                                "displayName": "doCreate",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "out-newArticleId",
                                "displayName": "newArticleId",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "out-ratings",
                                "displayName": "ratings",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e3e19c1e-c1ad-8038-95c9-b590f4b967e5",
                        "type": "DbCollection2",
                        "x": -151.5,
                        "y": 480.04305474093576,
                        "parameters": {
                            "collectionName": "Article",
                            "storageEnableLimit": true,
                            "storageLimit": 999999
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "displayName": "Class",
                                "plug": "input",
                                "group": "General",
                                "index": 6
                            },
                            {
                                "name": "storageFilterType",
                                "type": {
                                    "name": "enum",
                                    "allowEditOnly": true,
                                    "enums": [
                                        {
                                            "value": "simple",
                                            "label": "Visual"
                                        },
                                        {
                                            "value": "json",
                                            "label": "Javascript"
                                        }
                                    ]
                                },
                                "displayName": "Filter",
                                "default": "simple",
                                "plug": "input",
                                "group": "General",
                                "index": 7
                            },
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageEnableLimit",
                                "displayName": "Use limit",
                                "index": 8
                            },
                            {
                                "type": "number",
                                "default": 10,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageLimit",
                                "displayName": "Limit",
                                "index": 9
                            },
                            {
                                "type": "number",
                                "default": 0,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageSkip",
                                "displayName": "Skip",
                                "index": 10
                            },
                            {
                                "type": "signal",
                                "plug": "input",
                                "group": "Actions",
                                "name": "storageFetch",
                                "displayName": "Do",
                                "index": 11
                            },
                            {
                                "name": "visualFilter",
                                "plug": "input",
                                "type": {
                                    "name": "query-filter",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "article_id": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "likes_count": {
                                                "type": "Number",
                                                "required": false
                                            },
                                            "ratings": {
                                                "type": "Object",
                                                "required": false
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Filter",
                                "group": "Filter",
                                "index": 12
                            },
                            {
                                "name": "visualSort",
                                "plug": "input",
                                "type": {
                                    "name": "query-sorting",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "article_id": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "likes_count": {
                                                "type": "Number",
                                                "required": false
                                            },
                                            "ratings": {
                                                "type": "Object",
                                                "required": false
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Sort",
                                "group": "Sorting",
                                "index": 13
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "86da8796-f37e-cce7-88a5-b80622f5bf28",
                        "type": "NewDbModelProperties",
                        "x": 463.5000000000001,
                        "y": 690.1600616049374,
                        "parameters": {
                            "collectionName": "Article",
                            "accessControl": [],
                            "prop-likes_count": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-article_id",
                                "displayName": "article_id",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "number"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-likes_count",
                                "displayName": "likes_count",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-ratings",
                                "displayName": "ratings",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9fca24ad-d1a2-02b5-33bf-9b0a0214fdbe",
                        "type": "/Logic Components/Contentful GraphQL",
                        "label": "Get all Article slugs and article Id's",
                        "x": 170.22536969798557,
                        "y": 191.62479879200444,
                        "parameters": {
                            "Query": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "db489ac9-451f-eca0-1b3d-58aa298c467b",
                        "type": "Expression",
                        "label": "Extract array of Articles from GraphQl result",
                        "x": -76.91325436111924,
                        "y": 235.01909624008158,
                        "parameters": {
                            "expression": "result.articleCollection.items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "result",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "17ad102e-44b3-165d-21bf-d42830300aac",
                        "type": "String",
                        "label": "Get all slugs query",
                        "x": 156.36732608141165,
                        "y": 7.30027589663203,
                        "parameters": {
                            "value": "query { articleCollection { items { slug sys{id} } }}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "73ff18a6-9918-c0f4-017a-6ab0bd325bea",
                        "type": "Variable2",
                        "x": 925.6444608737211,
                        "y": 309.90360180126936,
                        "parameters": {
                            "name": "Current Page Title"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dd87f9b4-195d-c401-b291-52f9e7b74eae",
                        "type": "CSS Definition",
                        "x": 226.5650045801401,
                        "y": 347.512352880294,
                        "parameters": {
                            "style": ".pointer:hover{\n    cursor: pointer !important;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "211afa91-b69a-60aa-11b0-83c75d3e57be",
                        "type": "CSS Definition",
                        "label": "Inter Font Import",
                        "x": 459.1789913008929,
                        "y": -30.5,
                        "parameters": {
                            "style": "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5f2443fa-bba0-e5d9-97a2-a809831953fc",
                        "type": "/Logic Components/Tracking",
                        "x": 811.8912930563174,
                        "y": 73.09568730862642,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c9ecd226-c474-2ccc-27ca-a3daead3788b",
                        "type": "Collection2",
                        "label": "Articles",
                        "x": -60.10870694368259,
                        "y": 651.0956873086265,
                        "parameters": {
                            "collectionId": "all articles"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -4066.4005555344265,
                    "y": 0
                }
            }
        },
        {
            "name": "/Logic Components/Contentful GraphQL",
            "id": "ee59de3b-4bcc-b60b-dda7-4927a9c63e18",
            "graph": {
                "connections": [
                    {
                        "fromId": "d34a0ef4-fe48-1403-b3a2-e476c688fdfd",
                        "fromProperty": "Query",
                        "toId": "8e19b8d7-752a-5ba4-c1c2-f8e6de437b80",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "8e19b8d7-752a-5ba4-c1c2-f8e6de437b80",
                        "fromProperty": "savedValue",
                        "toId": "5ca520f7-0264-831c-0448-4d8639734e4e",
                        "toProperty": "in-query"
                    },
                    {
                        "fromId": "5ca520f7-0264-831c-0448-4d8639734e4e",
                        "fromProperty": "failure",
                        "toId": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
                        "toProperty": "Failure"
                    },
                    {
                        "fromId": "5ca520f7-0264-831c-0448-4d8639734e4e",
                        "fromProperty": "success",
                        "toId": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
                        "toProperty": "Success"
                    },
                    {
                        "fromId": "d34a0ef4-fe48-1403-b3a2-e476c688fdfd",
                        "fromProperty": "Do",
                        "toId": "5ca520f7-0264-831c-0448-4d8639734e4e",
                        "toProperty": "fetch"
                    },
                    {
                        "fromId": "5ca520f7-0264-831c-0448-4d8639734e4e",
                        "fromProperty": "out-result",
                        "toId": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
                        "toProperty": "queryResult"
                    }
                ],
                "roots": [
                    {
                        "id": "d34a0ef4-fe48-1403-b3a2-e476c688fdfd",
                        "type": "Component Inputs",
                        "x": -92.00674468095883,
                        "y": 212.01554209090523,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Do",
                                "plug": "output",
                                "type": "*",
                                "index": 0
                            },
                            {
                                "name": "Query",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a5bb8a6c-0250-9e19-2598-a515eb95ba4c",
                        "type": "Component Outputs",
                        "x": 525.6815245145762,
                        "y": 197.35043940822908,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Success",
                                "plug": "input",
                                "type": "*",
                                "index": 0
                            },
                            {
                                "name": "Failure",
                                "plug": "input",
                                "type": "*",
                                "index": 1
                            },
                            {
                                "name": "queryResult",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5ca520f7-0264-831c-0448-4d8639734e4e",
                        "type": "REST2",
                        "x": 302.19677335848274,
                        "y": 216.36187604115867,
                        "parameters": {
                            "resource": "https://graphql.contentful.com/content/v1/spaces/yugakw3o2ks3/environments/master",
                            "requestScript": "//Add custom code to setup the request object before the request\n//is made.\n//\n//*Request.resource     contains the resource path of the request.\n//*Request.method       contains the method, GET, POST, PUT or DELETE.\n//*Request.headers      is a map where you can add additional headers.\n//*Request.parameters   is a map the parameters that will be appended\n//                      to the url.\n//*Request.content      contains the content of the request as a javascript\n//                      object.\n//\nRequest.headers = {\n    'Content-Type': 'application/json',\n    'Accept': 'application/json',\n    'Authorization': `Bearer Lp5PBCEPasGvh6uNS6qk5RJzsgvuGVR7c-APagJjAjQ`,\n}\n\n\nconsole.log(\"Doing graphql request: \"+Inputs.query);\nRequest.content = {\"query\":Inputs.query};\n\n//Request.content = {\"query\":\"query getArticles {articleCollection {items {title coverimg {title url height width fileName} author verifiedBy createdAt updated published bodyTextMd references}}}\"}",
                            "method": "POST",
                            "responseScript": "// Add custom code to convert the response content to outputs\n//\n//*Response.status    The status code of the response\n//*Response.content   The content of the response as a javascript\n//                    object.\n//*Response.request   The request object that resulted in the response.\n//\n//*Inputs and *Outputs contain the inputs and outputs of the node.\nconsole.log(Response.content)\nOutputs.result = Response.content.data;\n//Outputs.resultItem = Response.content.data"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-query",
                                "displayName": "query",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 8
                            },
                            {
                                "name": "out-result",
                                "displayName": "result",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8e19b8d7-752a-5ba4-c1c2-f8e6de437b80",
                        "type": "String",
                        "x": 106.18240425557045,
                        "y": 297.7011720634556,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 1574,
                    "y": 0
                }
            }
        },
        {
            "name": "/Logic Components/Get Article From Slug",
            "id": "dd869da0-6c22-714f-4fff-3cacbe5e5328",
            "graph": {
                "connections": [
                    {
                        "fromId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
                        "fromProperty": "out-query",
                        "toId": "5031604b-2051-1d79-4685-154ac00ea0cc",
                        "toProperty": "Query"
                    },
                    {
                        "fromId": "5031604b-2051-1d79-4685-154ac00ea0cc",
                        "fromProperty": "queryResult",
                        "toId": "683d4253-ad8c-2db5-f534-66661c3d5187",
                        "toProperty": "in-result"
                    },
                    {
                        "fromId": "d8d35d3b-7846-0b92-8c4a-fedf93f6f981",
                        "fromProperty": "items",
                        "toId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
                        "fromProperty": "firstItemId",
                        "toId": "9649086d-7367-4be2-22fc-5ae4d22d2157",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "9649086d-7367-4be2-22fc-5ae4d22d2157",
                        "fromProperty": "prop-sys",
                        "toId": "54d7ad5a-61cb-fed4-2f76-f452334d7219",
                        "toProperty": "sys"
                    },
                    {
                        "fromId": "54d7ad5a-61cb-fed4-2f76-f452334d7219",
                        "fromProperty": "result",
                        "toId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
                        "toProperty": "in-articleID"
                    },
                    {
                        "fromId": "24fe2934-6dd3-566f-25c3-580ad51da5f9",
                        "fromProperty": "Slug",
                        "toId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
                        "toProperty": "filterFilterValue-slug"
                    },
                    {
                        "fromId": "5031604b-2051-1d79-4685-154ac00ea0cc",
                        "fromProperty": "Success",
                        "toId": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
                        "toProperty": "Success"
                    },
                    {
                        "fromId": "5031604b-2051-1d79-4685-154ac00ea0cc",
                        "fromProperty": "Failure",
                        "toId": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
                        "toProperty": "Failure"
                    },
                    {
                        "fromId": "683d4253-ad8c-2db5-f534-66661c3d5187",
                        "fromProperty": "out-article",
                        "toId": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
                        "toProperty": "article"
                    },
                    {
                        "fromId": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
                        "fromProperty": "modified",
                        "toId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
                        "fromProperty": "out-done",
                        "toId": "5031604b-2051-1d79-4685-154ac00ea0cc",
                        "toProperty": "Do"
                    }
                ],
                "roots": [
                    {
                        "id": "24fe2934-6dd3-566f-25c3-580ad51da5f9",
                        "type": "Component Inputs",
                        "x": -209.95853169840444,
                        "y": 311.0496765902288,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Do",
                                "plug": "output",
                                "type": "*",
                                "index": 0
                            },
                            {
                                "name": "Slug",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "acdd6097-9bb4-fb3f-63f6-9c02a1c388ef",
                        "type": "Component Outputs",
                        "x": 1538.5266584267101,
                        "y": 276.5817412825154,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Success",
                                "plug": "input",
                                "type": "*",
                                "index": 0
                            },
                            {
                                "name": "Failure",
                                "plug": "input",
                                "type": "*",
                                "index": 1
                            },
                            {
                                "name": "article",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0f5d4c0f-f62c-40b5-f04c-cf4fe10afc33",
                        "type": "JavaScriptFunction",
                        "x": 816.560092669968,
                        "y": 318.8649555552361,
                        "parameters": {
                            "functionScript": "//console.log(\"creating query to get article with id= \"+Inputs.articleID);\nif(Inputs.articleID){\n    Outputs.query = \"query { article(id:\\\"\"+Inputs.articleID+\"\\\") { pageTitle articleTitle author version verifiedBy articleBodyText articleSummary refernces articleFooter coverImage { fileName url} thumbNail {fileName url} sys {publishedAt publishedVersion id}}}\";\n    console.log(\"created query to get article with id= \"+Inputs.articleID);\n    Outputs.done();\n    \n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-articleID",
                                "displayName": "articleID",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-done",
                                "displayName": "done",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "out-query",
                                "displayName": "query",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5031604b-2051-1d79-4685-154ac00ea0cc",
                        "type": "/Logic Components/Contentful GraphQL",
                        "x": 1043.407674019544,
                        "y": 399.0913676881142,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "683d4253-ad8c-2db5-f534-66661c3d5187",
                        "type": "JavaScriptFunction",
                        "x": 1341.8557581990697,
                        "y": 464.0867006609604,
                        "parameters": {
                            "functionScript": "if(Inputs.result)\n{\n    console.log(\"got article\");\n    Outputs.article = Inputs.result.article;\n}\n    "
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-result",
                                "displayName": "result",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-article",
                                "displayName": "article",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d8d35d3b-7846-0b92-8c4a-fedf93f6f981",
                        "type": "Collection2",
                        "x": 138.10469698283976,
                        "y": 157.86738680658,
                        "parameters": {
                            "collectionId": "Article Slugs"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "81513bd0-baf1-1b56-86ae-f37040ee8cd6",
                        "type": "Filter Collection",
                        "x": 136.70922575154896,
                        "y": 270.83154521806546,
                        "parameters": {
                            "filterFilter": "slug"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "slug filter",
                                "displayName": "Type",
                                "editorName": "slug filter | Type",
                                "name": "filterFilterType-slug",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "slug filter",
                                "displayName": "Op",
                                "editorName": "slug filter| Op",
                                "name": "filterFilterOp-slug",
                                "index": 11
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "slug filter",
                                "displayName": "Value",
                                "editorName": "slug Filter Value",
                                "name": "filterFilterValue-slug",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9649086d-7367-4be2-22fc-5ae4d22d2157",
                        "type": "Model2",
                        "x": 374.32368081478785,
                        "y": 239.05245315514873,
                        "parameters": {
                            "properties": "sys"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-sys",
                                "displayName": "sys",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "sys Changed",
                                "name": "changed-sys",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "54d7ad5a-61cb-fed4-2f76-f452334d7219",
                        "type": "Expression",
                        "x": 583.0907909334851,
                        "y": 229.40302020281797,
                        "parameters": {
                            "expression": "sys.id"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "sys",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 2107.464377977726,
                    "y": 0
                }
            }
        },
        {
            "name": "/Logic Components/GTM Track Page View",
            "id": "05abde5d-1217-bc2c-b1d3-009f6d01b30c",
            "graph": {
                "connections": [
                    {
                        "fromId": "746bd50a-bb41-f234-65b2-25f610e98d09",
                        "fromProperty": "Do",
                        "toId": "eaa1f9cc-a6a1-da25-e948-9e7cc6671874",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "746bd50a-bb41-f234-65b2-25f610e98d09",
                        "fromProperty": "pageTitle",
                        "toId": "eaa1f9cc-a6a1-da25-e948-9e7cc6671874",
                        "toProperty": "in-pageTitle"
                    }
                ],
                "roots": [
                    {
                        "id": "746bd50a-bb41-f234-65b2-25f610e98d09",
                        "type": "Component Inputs",
                        "x": 134.5,
                        "y": -15,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Do",
                                "plug": "output",
                                "type": "*",
                                "index": 0
                            },
                            {
                                "name": "pageTitle",
                                "plug": "output",
                                "type": "*",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "eaa1f9cc-a6a1-da25-e948-9e7cc6671874",
                        "type": "JavaScriptFunction",
                        "x": 373.5,
                        "y": 8.5,
                        "parameters": {
                            "functionScript": "if(!Inputs.pageTitle) return;\n\ndataLayer.push({\n    event: \"virtualPageView\",\n    pageTitle: Inputs.pageTitle,\n    pageLocation: location.href\n});"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-pageTitle",
                                "displayName": "pageTitle",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 11641.82533443007,
                    "y": 0
                }
            }
        },
        {
            "name": "/Logic Components/Is user logged in?",
            "id": "b2fb2242-98b3-0ded-e404-894adeea17e3",
            "graph": {
                "connections": [
                    {
                        "fromId": "4ae68936-3fcd-f611-8bdf-f5b07a118625",
                        "fromProperty": "authenticated",
                        "toId": "aff97baf-7501-d7ba-7219-e37477e8512c",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "28c71a10-4431-ed49-d1bb-6bec19301bac",
                        "fromProperty": "Do",
                        "toId": "aff97baf-7501-d7ba-7219-e37477e8512c",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "aff97baf-7501-d7ba-7219-e37477e8512c",
                        "fromProperty": "ontrue",
                        "toId": "cad27822-bbc2-348d-f52a-6e036bf6d049",
                        "toProperty": "Success"
                    },
                    {
                        "fromId": "aff97baf-7501-d7ba-7219-e37477e8512c",
                        "fromProperty": "onfalse",
                        "toId": "cad27822-bbc2-348d-f52a-6e036bf6d049",
                        "toProperty": "Failure"
                    }
                ],
                "roots": [
                    {
                        "id": "28c71a10-4431-ed49-d1bb-6bec19301bac",
                        "type": "Component Inputs",
                        "x": -148,
                        "y": -35,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Do",
                                "plug": "output",
                                "type": "*",
                                "index": 0
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cad27822-bbc2-348d-f52a-6e036bf6d049",
                        "type": "Component Outputs",
                        "x": 373,
                        "y": -57,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Success",
                                "plug": "input",
                                "type": "*",
                                "index": 0
                            },
                            {
                                "name": "Failure",
                                "plug": "input",
                                "type": "*",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4ae68936-3fcd-f611-8bdf-f5b07a118625",
                        "type": "net.noodl.user.User",
                        "x": 124,
                        "y": -100,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "aff97baf-7501-d7ba-7219-e37477e8512c",
                        "type": "Condition",
                        "x": 127,
                        "y": -12,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 9044.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Logic Components/Tracking",
            "id": "61809b0b-86c0-d9a1-3a53-e23d3749a570",
            "graph": {
                "connections": [
                    {
                        "fromId": "6ebfb2ef-72c0-e96b-753b-e7c49c49712c",
                        "fromProperty": "doInit",
                        "toId": "fd9ab9e9-072f-d987-8d60-da2074d882cf",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "fd9ab9e9-072f-d987-8d60-da2074d882cf",
                        "fromProperty": "out-mySessionId",
                        "toId": "a2bd333b-a1ca-eab5-d7a8-f1bbdfaa7833",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "0d40eec1-a897-a174-3763-7053be72a73f",
                        "fromProperty": "eventReceived",
                        "toId": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "4f453ae6-b04f-9d90-6ee6-bc6411def6a8",
                        "fromProperty": "items",
                        "toId": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
                        "toProperty": "in-articlesList"
                    },
                    {
                        "fromId": "0d40eec1-a897-a174-3763-7053be72a73f",
                        "fromProperty": "articleId",
                        "toId": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
                        "toProperty": "in-articleId"
                    }
                ],
                "roots": [
                    {
                        "id": "6ebfb2ef-72c0-e96b-753b-e7c49c49712c",
                        "type": "Component Inputs",
                        "x": -182.34952016047492,
                        "y": -779.1261995988125,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "doInit",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1df568f5-4db3-04de-b51a-d944a6422f8d",
                        "type": "Component Outputs",
                        "x": 713.0265829499356,
                        "y": -296.9984567670877,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Success",
                                "plug": "input",
                                "type": "*",
                                "index": 0
                            },
                            {
                                "name": "Failure",
                                "plug": "input",
                                "type": "*",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a2bd333b-a1ca-eab5-d7a8-f1bbdfaa7833",
                        "type": "Model2",
                        "x": 220.80077665882982,
                        "y": -341.2857089919441,
                        "parameters": {
                            "properties": "sessionId,userId,EnteredTime,TimeOnSite,Source,ArticlesData"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-sessionId",
                                "displayName": "sessionId",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "sessionId Changed",
                                "name": "changed-sessionId",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-userId",
                                "displayName": "userId",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "userId Changed",
                                "name": "changed-userId",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-EnteredTime",
                                "displayName": "EnteredTime",
                                "index": 11
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "EnteredTime Changed",
                                "name": "changed-EnteredTime",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-TimeOnSite",
                                "displayName": "TimeOnSite",
                                "index": 13
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "TimeOnSite Changed",
                                "name": "changed-TimeOnSite",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-Source",
                                "displayName": "Source",
                                "index": 15
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "Source Changed",
                                "name": "changed-Source",
                                "index": 16
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-ArticlesData",
                                "displayName": "ArticlesData",
                                "index": 17
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "ArticlesData Changed",
                                "name": "changed-ArticlesData",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1840fe08-f181-61c4-f2b7-59c77c0875dd",
                        "type": "JavaScriptFunction",
                        "label": "onbeforeunload track data",
                        "x": 433.10728971886124,
                        "y": -402.673980487389,
                        "parameters": {
                            "functionScript": "window.onbeforeunload = function () {\n    console.log('hej');  \n};"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fd9ab9e9-072f-d987-8d60-da2074d882cf",
                        "type": "JavaScriptFunction",
                        "x": 189.6550685937837,
                        "y": -507.39039785736367,
                        "parameters": {
                            "functionScript": "var jsId = document.cookie.match(/jSessionUser[^;]+/);\r\nif(jsId != null) {\r\n    if (jsId instanceof Array){\r\n        jsId = jsId[0].substring(11);\r\n    }else{\r\n        jsId = jsId.substring(11);\r\n    }\r\n}\r\njsId = jsId.substring(jsId.indexOf('=') + 1);\r\nOutputs.mySessionId = jsId;"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "out-mySessionId",
                                "displayName": "mySessionId",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0d40eec1-a897-a174-3763-7053be72a73f",
                        "type": "Event Receiver",
                        "label": "Liked Article",
                        "x": -286.4429211945807,
                        "y": -270.48171385526814,
                        "parameters": {
                            "channelName": "Liked Article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "articleId",
                                "type": "*",
                                "plug": "output",
                                "displayName": "articleId",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4f453ae6-b04f-9d90-6ee6-bc6411def6a8",
                        "type": "Collection2",
                        "label": "Articles",
                        "x": 346.58294418750813,
                        "y": -97.36662981024944,
                        "parameters": {
                            "collectionId": "all articles"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4e23737c-60a7-5e3b-91d1-d018e00b9d48",
                        "type": "Event Receiver",
                        "x": -285.546536105918,
                        "y": -637.012488044468,
                        "parameters": {
                            "channelName": "Signed Up"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8309f3d6-73e2-7ca0-be62-2336fb2946da",
                        "type": "Event Receiver",
                        "x": -285.546536105918,
                        "y": -547.012488044468,
                        "parameters": {
                            "channelName": "Drop before Signup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "461a400f-e2fe-db9c-1639-dbb08bcac010",
                        "type": "Event Receiver",
                        "x": -286.546536105918,
                        "y": -454.012488044468,
                        "parameters": {
                            "channelName": "Newsletter Subscribe"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bc574c05-9c8f-2f0f-9a8f-1624077a90e7",
                        "type": "Event Receiver",
                        "label": "Comment posted",
                        "x": -284.73686835506305,
                        "y": -103.42738065226092,
                        "parameters": {
                            "channelName": "Comment posted"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "53b34857-efbd-4425-838a-bc379d7e4f3d",
                        "type": "Event Receiver",
                        "x": -284.73686835506305,
                        "y": 10.572619347739078,
                        "parameters": {
                            "channelName": "Share link clicked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "384997ae-1bd1-34a6-ed32-1b3652539a29",
                        "type": "Event Receiver",
                        "x": -284.73686835506305,
                        "y": 127.57261934773908,
                        "parameters": {
                            "channelName": "Rating clicked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "be752c6c-d6ea-19e9-6243-83f7520792a1",
                        "type": "Event Receiver",
                        "x": -283.73686835506305,
                        "y": 371.5726193477391,
                        "parameters": {
                            "channelName": "References viewed"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "40fc1fe3-0dd1-f692-2931-ee30c8834b8a",
                        "type": "Event Receiver",
                        "x": -284.73686835506305,
                        "y": 238.57261934773908,
                        "parameters": {
                            "channelName": "Rating comment posted"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9c84a689-c997-4f07-3145-7aa063ee2e0b",
                        "type": "JavaScriptFunction",
                        "x": 75.09898412794155,
                        "y": -192.3801647695965,
                        "parameters": {
                            "functionScript": "if(Inputs.articleId && Inputs.articlesList){\n    \n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-articleId",
                                "displayName": "articleId",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-articlesList",
                                "displayName": "articlesList",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    }
                ],
                "comments": [
                    {
                        "text": "Global Events",
                        "width": 336,
                        "height": 347,
                        "fill": true,
                        "x": -368,
                        "y": -695,
                        "id": "927ad1b2-4ac6-f229-6368-a3311d398595",
                        "largeFont": true
                    },
                    {
                        "text": "Article Events",
                        "width": 338,
                        "height": 823,
                        "fill": true,
                        "x": -368,
                        "y": -330,
                        "id": "dd8cc710-7776-a2a9-74e0-c2f0cff5c8f9",
                        "largeFont": true
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -5047.78547668457,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pages/Article",
            "id": "33449f09-1e44-8f37-da82-c0b3359f804e",
            "graph": {
                "connections": [
                    {
                        "fromId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
                        "fromProperty": "id",
                        "toId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "fromProperty": "prop-article",
                        "toId": "7ec0dd45-3b2b-adde-8a62-e7418deb64c0",
                        "toProperty": "in-article"
                    },
                    {
                        "fromId": "e770a086-28ee-caea-1344-b860768189df",
                        "fromProperty": "article",
                        "toId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
                        "toProperty": "prop-article"
                    },
                    {
                        "fromId": "e770a086-28ee-caea-1344-b860768189df",
                        "fromProperty": "Success",
                        "toId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
                        "toProperty": "new"
                    },
                    {
                        "fromId": "705ba241-e673-ab74-038d-3f1b59319e45",
                        "fromProperty": "pm-slug",
                        "toId": "00a28349-9df8-307c-5507-6fadee5d1a22",
                        "toProperty": "in-slug"
                    },
                    {
                        "fromId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
                        "fromProperty": "created",
                        "toId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "toProperty": "fetch"
                    },
                    {
                        "fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "fromProperty": "fetched",
                        "toId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "fromProperty": "fetched",
                        "toId": "7ec0dd45-3b2b-adde-8a62-e7418deb64c0",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "fromProperty": "prop-article",
                        "toId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "toProperty": "in-article"
                    },
                    {
                        "fromId": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "fromProperty": "fetched",
                        "toId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-bodyText",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "bodyTextMd"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-articleTitle",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "title"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-articleAuthor",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "author"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-verified",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "verified"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-coverImage",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "coverImage"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-publishedAt",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "publishedAt"
                    },
                    {
                        "fromId": "705ba241-e673-ab74-038d-3f1b59319e45",
                        "fromProperty": "pm-slug",
                        "toId": "e770a086-28ee-caea-1344-b860768189df",
                        "toProperty": "Slug"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-references",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "References"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-articleId",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "articleId"
                    },
                    {
                        "fromId": "2e2dc630-55ac-8dde-5b81-62f84416cfd7",
                        "fromProperty": "didMount",
                        "toId": "e770a086-28ee-caea-1344-b860768189df",
                        "toProperty": "Do"
                    },
                    {
                        "fromId": "705ba241-e673-ab74-038d-3f1b59319e45",
                        "fromProperty": "pm-slug",
                        "toId": "545b89d3-9a28-9b34-f42b-182eadc91fcd",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
                        "fromProperty": "id",
                        "toId": "2037ad3c-925e-4f3c-b8ed-d5ed0a6983f3",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "e770a086-28ee-caea-1344-b860768189df",
                        "fromProperty": "Failure",
                        "toId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
                        "fromProperty": "state",
                        "toId": "d539c493-c225-5909-c7b2-05a8651b538e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
                        "fromProperty": "state",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "d539c493-c225-5909-c7b2-05a8651b538e",
                        "fromProperty": "result",
                        "toId": "661073f6-f044-18f4-8bbb-e625f49d7093",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "fromProperty": "out-footer",
                        "toId": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                        "toProperty": "footerText"
                    }
                ],
                "roots": [
                    {
                        "id": "2e2dc630-55ac-8dde-5b81-62f84416cfd7",
                        "type": "Page",
                        "x": 667.2576030705666,
                        "y": -106.37440048951066,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "title",
                                "displayName": "Title",
                                "type": "string",
                                "group": "General",
                                "plug": "input",
                                "default": "Article",
                                "index": 14
                            },
                            {
                                "name": "urlPath",
                                "displayName": "Url Path",
                                "type": "string",
                                "group": "General",
                                "plug": "input",
                                "default": "article",
                                "index": 15
                            }
                        ],
                        "children": [
                            {
                                "id": "ba38a5b4-daeb-41f6-77f4-9eeab49ef649",
                                "type": "/Visual Components/Article/Article",
                                "parameters": {
                                    "Mounted": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "661073f6-f044-18f4-8bbb-e625f49d7093",
                                "type": "Group",
                                "label": "Article Not Found",
                                "parameters": {
                                    "alignItems": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a3429aaa-2e47-62a1-0d5f-c4a7baffbc35",
                                        "type": "/Visual Components/Article/Article Page Header",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "1b6b9a1b-d9d4-2858-ecbc-a3c813bc62fd",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "boxShadowEnabled": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1c7e94e7-85ec-65b6-b13e-0331c5d23183",
                                                "type": "/Visual Components/Mobile Content Container",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "6eb985d6-96c1-973f-5ed2-9036ed5a2b46",
                                                        "type": "Image",
                                                        "parameters": {
                                                            "srcSet": "/404pic.png 4x",
                                                            "alignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "ac5d04e1-96fd-b8a7-24ca-9892c5ef2c0c",
                                                        "type": "Group",
                                                        "parameters": {
                                                            "alignItems": "center",
                                                            "marginTop": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentHeight",
                                                            "marginBottom": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "42db4868-906a-aea0-9bfe-1f686a1c73ba",
                                                                "type": "Text",
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "text": "Sorry",
                                                                    "fontFamily": "Inter-Bold.ttf",
                                                                    "fontSize": {
                                                                        "value": 29,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#379EA5"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "3f6fa962-d54c-1678-a4db-84e9a23da326",
                                                                "type": "Text",
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "text": "but the page you are looking for isn’t here",
                                                                    "fontFamily": "Inter-Bold.ttf",
                                                                    "fontSize": {
                                                                        "value": 19,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#379EA5",
                                                                    "marginTop": {
                                                                        "value": 8,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "c1c70e36-0bc6-f97d-8e77-324ec582c711",
                                                        "type": "net.noodl.controls.button",
                                                        "variant": "Button Primary",
                                                        "parameters": {
                                                            "label": "Home"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "aeb2d5dc-8d21-a236-3252-af4ffa118898",
                                                        "type": "Text",
                                                        "parameters": {
                                                            "text": "Please try navigating from the home page or check you have the correct link.",
                                                            "color": "#505758",
                                                            "marginTop": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentHeight",
                                                            "alignX": "center",
                                                            "textAlignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "705ba241-e673-ab74-038d-3f1b59319e45",
                        "type": "PageInputs",
                        "x": -426.1601888162712,
                        "y": -370.0559915918291,
                        "parameters": {
                            "pathParams": "slug"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "pm-slug",
                                "displayName": "slug",
                                "type": "*",
                                "plug": "output",
                                "group": "Parameters",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "3e5bc5f4-eb8e-2860-7b57-7166c832b4e5",
                        "type": "String",
                        "label": "Article Id",
                        "x": -495.0436481552227,
                        "y": -85.84555188625666,
                        "parameters": {
                            "value": "2XATV8DmuwfJMxVTmjBntU"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5cc891d7-1ece-cef0-6f44-56efdc1cc747",
                        "type": "NewModel",
                        "x": -26.97496868778103,
                        "y": -8.861924274637147,
                        "parameters": {
                            "properties": "article",
                            "type-title": "object",
                            "type-article": "object"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "object"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "article",
                                "name": "prop-article",
                                "index": 4
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "article",
                                "name": "type-article",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "af01dc49-0c9a-067b-0317-ea37c9966dc5",
                        "type": "Model2",
                        "x": 30.638203205452157,
                        "y": 202.6293727073221,
                        "parameters": {
                            "properties": "article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-article",
                                "displayName": "article",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "article Changed",
                                "name": "changed-article",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7ec0dd45-3b2b-adde-8a62-e7418deb64c0",
                        "type": "JavaScriptFunction",
                        "label": "Set Page Title",
                        "x": -368.36582044218824,
                        "y": 224.540574149877,
                        "parameters": {
                            "functionScript": "document.title = Inputs.article.pageTitle"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-article",
                                "displayName": "article",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5ebb05ac-0161-a2fa-27a7-542b67251cc2",
                        "type": "String",
                        "label": "Test slug",
                        "x": -499.73645988412807,
                        "y": -177.94342239621454,
                        "parameters": {
                            "value": "understanding-polycystic-ovary-syndrome-1"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "396927c5-ec28-af20-79d5-2e9e79ca2d4c",
                        "type": "Switch",
                        "x": 394.3626939126266,
                        "y": -64.19879490761622,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e770a086-28ee-caea-1344-b860768189df",
                        "type": "/Logic Components/Get Article From Slug",
                        "x": 219.49599294274458,
                        "y": -286.2341177292891,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "00a28349-9df8-307c-5507-6fadee5d1a22",
                        "type": "JavaScriptFunction",
                        "x": 6.261997116336374,
                        "y": -532.385842709875,
                        "parameters": {
                            "functionScript": "console.log(\"Slug from page inputs\"+Inputs.slug);"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-slug",
                                "displayName": "slug",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "92f6c4f4-511d-5fb8-976f-c9afe362e416",
                        "type": "JavaScriptFunction",
                        "x": 340.7628488677457,
                        "y": 240.22594598945136,
                        "parameters": {
                            "functionScript": "Outputs.bodyText = Inputs.article.articleBodyText;\nOutputs.articleTitle = Inputs.article.articleTitle;\nOutputs.coverImage = Inputs.article.coverImage.url;\nOutputs.articleAuthor = Inputs.article.author;\nOutputs.publishedAt = Inputs.article.sys.publishedAt;\nOutputs.verified = Inputs.article.verifiedBy;\nOutputs.references = Inputs.article.refernces;\nOutputs.articleId = Inputs.article.sys.id;\nOutputs.footer = Inputs.article.articleFooter;"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-article",
                                "displayName": "article",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-bodyText",
                                "displayName": "bodyText",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "out-articleTitle",
                                "displayName": "articleTitle",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "out-coverImage",
                                "displayName": "coverImage",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "out-articleAuthor",
                                "displayName": "articleAuthor",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "out-publishedAt",
                                "displayName": "publishedAt",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 9
                            },
                            {
                                "name": "out-verified",
                                "displayName": "verified",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "out-references",
                                "displayName": "references",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 11
                            },
                            {
                                "name": "out-articleId",
                                "displayName": "articleId",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 12
                            },
                            {
                                "name": "out-footer",
                                "displayName": "footer",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 13
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "545b89d3-9a28-9b34-f42b-182eadc91fcd",
                        "type": "Variable2",
                        "x": 6.074389255667256,
                        "y": -400.2427088344935,
                        "parameters": {
                            "name": "Current Slug"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2037ad3c-925e-4f3c-b8ed-d5ed0a6983f3",
                        "type": "Variable2",
                        "x": 157.5549955236301,
                        "y": 16.39132575805479,
                        "parameters": {
                            "name": "Article Object Id"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d539c493-c225-5909-c7b2-05a8651b538e",
                        "type": "Inverter",
                        "x": 370.6566070159897,
                        "y": 97.97092319915589,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 1142.4643779777261,
                    "y": -4.328165365255682
                }
            }
        },
        {
            "name": "/Pages/Profile",
            "id": "e0967929-cc25-a63c-db7e-04390b8ddb38",
            "graph": {
                "connections": [
                    {
                        "fromId": "fd9e1a4c-8bd7-dd2b-31d0-5ea8b95de914",
                        "fromProperty": "authenticated",
                        "toId": "56e356de-9acc-0f89-736f-80fd277a44d2",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "5e80145a-9c6d-3b8f-0158-4dbe394b8f73",
                        "fromProperty": "didMount",
                        "toId": "56e356de-9acc-0f89-736f-80fd277a44d2",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "56e356de-9acc-0f89-736f-80fd277a44d2",
                        "fromProperty": "result",
                        "toId": "7cee8579-bd79-9d33-5120-0e07e39a05d0",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "56e356de-9acc-0f89-736f-80fd277a44d2",
                        "fromProperty": "isfalse",
                        "toId": "489bba67-b44f-f3d2-442b-23419765e131",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e76afcd6-88c4-071c-3638-abb42a4d2b97",
                        "fromProperty": "logout",
                        "toId": "889708ce-d6f0-c997-5518-5f086301023b",
                        "toProperty": "login"
                    },
                    {
                        "fromId": "889708ce-d6f0-c997-5518-5f086301023b",
                        "fromProperty": "success",
                        "toId": "879ac636-1763-a8c9-79fd-ac00f585ed8d",
                        "toProperty": "navigate"
                    },
                    {
                        "fromId": "2ff92f97-b65d-273a-f704-459136d38e71",
                        "fromProperty": "onClick",
                        "toId": "623a520c-b127-6747-bead-6a7de3810da4",
                        "toProperty": "to-Expanded"
                    },
                    {
                        "fromId": "623a520c-b127-6747-bead-6a7de3810da4",
                        "fromProperty": "at-Collapsed",
                        "toId": "aec79970-0fad-73e7-48e3-8327beb8ce30",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "623a520c-b127-6747-bead-6a7de3810da4",
                        "fromProperty": "at-Expanded",
                        "toId": "a5530544-7913-43ad-2ff0-2fb8748d1f17",
                        "toProperty": "Mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "5e80145a-9c6d-3b8f-0158-4dbe394b8f73",
                        "type": "Page",
                        "x": -64,
                        "y": -107,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "title",
                                "displayName": "Title",
                                "type": "string",
                                "group": "General",
                                "plug": "input",
                                "default": "Profile",
                                "index": 14
                            },
                            {
                                "name": "urlPath",
                                "displayName": "Url Path",
                                "type": "string",
                                "group": "General",
                                "plug": "input",
                                "default": "profile",
                                "index": 15
                            }
                        ],
                        "children": [
                            {
                                "id": "7ff01a79-453d-7884-dd4c-4687171e110a",
                                "type": "/Visual Components/Article/Article Page Header",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "4b333280-7fe1-25b5-0888-94ad326d4c69",
                                "type": "/Visual Components/Mobile Content Container",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7cee8579-bd79-9d33-5120-0e07e39a05d0",
                                        "type": "Group",
                                        "parameters": {
                                            "paddingBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "e76afcd6-88c4-071c-3638-abb42a4d2b97",
                                                "type": "/Visual Components/Profile/Public Profile Card",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "256364a1-cde0-82e6-73de-d4a904e952d3",
                                                "type": "/Visual Components/Profile/Account Info Card",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "aec79970-0fad-73e7-48e3-8327beb8ce30",
                                                "type": "Group",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "7afc76ed-3b7b-06cb-ed76-c2b29e3d9d69",
                                                        "type": "Group",
                                                        "parameters": {
                                                            "backgroundColor": "#FEFFCE",
                                                            "sizeMode": "contentHeight",
                                                            "width": {
                                                                "value": 95,
                                                                "unit": "%"
                                                            },
                                                            "alignX": "center",
                                                            "paddingTop": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            },
                                                            "paddingLeft": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            },
                                                            "paddingRight": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            },
                                                            "borderRadius": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "6a1aa676-dab2-8683-8b31-ca65ad9053f7",
                                                                "type": "Text",
                                                                "parameters": {
                                                                    "sizeMode": "contentHeight",
                                                                    "text": "To change your condition, symptom and preference information you must complete the setup form.",
                                                                    "lineHeight": {
                                                                        "value": 28,
                                                                        "unit": "px"
                                                                    },
                                                                    "textAlignX": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "2ff92f97-b65d-273a-f704-459136d38e71",
                                                        "type": "net.noodl.controls.button",
                                                        "variant": "Button Primary",
                                                        "parameters": {
                                                            "sizeMode": "contentHeight",
                                                            "marginTop": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            },
                                                            "paddingTop": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "label": "Edit profile information",
                                                            "width": {
                                                                "value": 95,
                                                                "unit": "%"
                                                            },
                                                            "alignX": "center",
                                                            "fontSize": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "a5530544-7913-43ad-2ff0-2fb8748d1f17",
                                                "type": "/Visual Components/Profile/Expanded Options",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "489bba67-b44f-f3d2-442b-23419765e131",
                                        "type": "Group",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "488a6d92-a74a-9350-82df-04f088cdb1d2",
                                                "type": "Text",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontSize": {
                                                        "value": 28,
                                                        "unit": "px"
                                                    },
                                                    "color": "#379EA5",
                                                    "alignX": "center",
                                                    "text": "User not authenticated"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "f8c4ef19-8840-f962-e556-1c36f6793214",
                        "type": "PageInputs",
                        "x": -387.2363154432997,
                        "y": -125.150867341418,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fd9e1a4c-8bd7-dd2b-31d0-5ea8b95de914",
                        "type": "net.noodl.user.User",
                        "x": -559.652724679989,
                        "y": -21.887060834313672,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "56e356de-9acc-0f89-736f-80fd277a44d2",
                        "type": "Condition",
                        "x": -351.8448532463651,
                        "y": -55.98025939002514,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "889708ce-d6f0-c997-5518-5f086301023b",
                        "type": "net.noodl.user.LogOut",
                        "x": -416.68347334241344,
                        "y": 161.9954531085608,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "879ac636-1763-a8c9-79fd-ac00f585ed8d",
                        "type": "RouterNavigate",
                        "x": -426.68347334241344,
                        "y": 274.9954531085608,
                        "parameters": {
                            "router": "Main",
                            "target": "/Pages/Article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "component",
                                    "title": "Choose page component",
                                    "components": [
                                        "/Pages/Article",
                                        "/Pages/Profile"
                                    ],
                                    "allowEditOnly": true
                                },
                                "group": "General",
                                "displayName": "Target Page",
                                "name": "target",
                                "index": 2
                            },
                            {
                                "name": "pm-slug",
                                "displayName": "slug",
                                "type": "string",
                                "plug": "input",
                                "group": "Parameters",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "623a520c-b127-6747-bead-6a7de3810da4",
                        "type": "States",
                        "x": 269.55089046528644,
                        "y": 192.8148249340557,
                        "parameters": {
                            "states": "Collapsed,Expanded",
                            "useTransitions": false
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Collapsed",
                                "name": "to-Collapsed",
                                "group": "Go to state",
                                "index": 6
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Collapsed",
                                "name": "at-Collapsed",
                                "group": "Current state",
                                "index": 7
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Collapsed",
                                "name": "reached-Collapsed",
                                "group": "Current state",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Expanded",
                                "name": "to-Expanded",
                                "group": "Go to state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Expanded",
                                "name": "at-Expanded",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Expanded",
                                "name": "reached-Expanded",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Collapsed",
                                        "Expanded"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Collapsed",
                                "index": 12
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 6314.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Comment Reply Popup",
            "id": "4d9b6bd7-fb6b-913d-1034-66cce1131620",
            "graph": {
                "connections": [
                    {
                        "fromId": "991f6ca1-d719-f71d-e45b-daff06045c61",
                        "fromProperty": "parent_comment_id",
                        "toId": "1ad91337-aee4-ae23-4f5f-df805836aeba",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "5e5c614c-6a1c-cd6b-6a74-287d625fb62c",
                        "fromProperty": "onClick",
                        "toId": "9b7df199-fd08-36a5-b461-b3888d7b0ab2",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "1ad91337-aee4-ae23-4f5f-df805836aeba",
                        "fromProperty": "prop-comment_author",
                        "toId": "21e52091-a3ff-fa1a-2d22-b89ee35feb38",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "1ad91337-aee4-ae23-4f5f-df805836aeba",
                        "fromProperty": "prop-comment_text",
                        "toId": "1a7f3064-199a-51ce-7a29-4ffa9f59efc0",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ca21badb-170e-2385-6225-4c8bbeb3c0a1",
                        "fromProperty": "onClick",
                        "toId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "2619324b-1e6a-02a0-999f-4908b0fba3b1",
                        "fromProperty": "onTextChanged",
                        "toId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
                        "toProperty": "prop-comment_text"
                    },
                    {
                        "fromId": "991f6ca1-d719-f71d-e45b-daff06045c61",
                        "fromProperty": "parent_comment_id",
                        "toId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
                        "toProperty": "prop-comment_parent"
                    },
                    {
                        "fromId": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
                        "fromProperty": "created",
                        "toId": "9b7df199-fd08-36a5-b461-b3888d7b0ab2",
                        "toProperty": "close"
                    }
                ],
                "roots": [
                    {
                        "id": "991f6ca1-d719-f71d-e45b-daff06045c61",
                        "type": "Component Inputs",
                        "x": -304,
                        "y": -104,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "parent_comment_id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1ad91337-aee4-ae23-4f5f-df805836aeba",
                        "type": "DbModel2",
                        "x": -306,
                        "y": -3,
                        "parameters": {
                            "idSource": "explicit",
                            "collectionName": "Comment"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 11
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_text",
                                "displayName": "comment_text",
                                "index": 13
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_text Changed",
                                "name": "changed-comment_text",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_author",
                                "displayName": "comment_author",
                                "index": 15
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_author Changed",
                                "name": "changed-comment_author",
                                "index": 16
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_parent",
                                "displayName": "comment_parent",
                                "index": 17
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_parent Changed",
                                "name": "changed-comment_parent",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2078d4ae-1aef-b20d-1a56-57cfba63b45a",
                        "type": "Group",
                        "x": -4,
                        "y": -58,
                        "parameters": {
                            "zIndex": 2
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5e5c614c-6a1c-cd6b-6a74-287d625fb62c",
                                "type": "Group",
                                "parameters": {
                                    "position": "absolute",
                                    "width": {
                                        "value": 100,
                                        "unit": "vw"
                                    },
                                    "height": {
                                        "value": 100,
                                        "unit": "vh"
                                    },
                                    "opacity": 0.5,
                                    "backgroundColor": "#333"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "d3a01ef8-b45d-9f3b-5ed3-b8f4101a2a19",
                                "type": "Group",
                                "parameters": {
                                    "alignY": "top",
                                    "alignX": "center",
                                    "width": {
                                        "value": 95,
                                        "unit": "%"
                                    },
                                    "sizeMode": "contentHeight",
                                    "backgroundColor": "#FFFFFF",
                                    "paddingLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "borderRadius": {
                                        "value": 25,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 128,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2e483964-9d7c-a587-8f4b-a3365acd399f",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 6,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "9778461a-b73b-78cd-d80b-1325e4932914",
                                                "type": "Text",
                                                "parameters": {
                                                    "text": "Replying to ",
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "21e52091-a3ff-fa1a-2d22-b89ee35feb38",
                                                "type": "Text",
                                                "parameters": {
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "a9f9e9ef-72fa-c089-bae5-f5e00bfe726b",
                                        "type": "Group",
                                        "label": "OG Comment",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "flexWrap": "wrap"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "7709b524-f737-f27d-38da-29f16c1bf39e",
                                                "type": "Text",
                                                "parameters": {
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "text": "\"",
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Roboto/Roboto-Italic.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "1a7f3064-199a-51ce-7a29-4ffa9f59efc0",
                                                "type": "Text",
                                                "parameters": {
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Roboto/Roboto-Italic.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "031461fd-01a5-346b-4bbd-f792c32d0f3f",
                                                "type": "Text",
                                                "parameters": {
                                                    "text": "\"",
                                                    "sizeMode": "contentSize",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "fonts/Roboto/Roboto-Italic.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "797f84fc-b065-036d-e5b9-befbb3388fc6",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "column",
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "7cdd71aa-13ee-40d6-9671-226b17a0ecf4",
                                                "type": "Group",
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "alignItems": "center",
                                                    "marginRight": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "71c99d39-6a0d-a9b4-308f-1f5f89374471",
                                                        "type": "Group",
                                                        "parameters": {
                                                            "width": {
                                                                "value": 15,
                                                                "unit": "%"
                                                            },
                                                            "sizeMode": "contentSize",
                                                            "alignX": "left"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "fd812e45-919b-321c-106b-278b37814abc",
                                                                "type": "net.noodl.visual.icon",
                                                                "parameters": {
                                                                    "iconIconSource": {
                                                                        "class": "material-icons",
                                                                        "code": "account_circle"
                                                                    },
                                                                    "iconColor": "Dark Gray",
                                                                    "iconSize": {
                                                                        "value": 55,
                                                                        "unit": "px"
                                                                    },
                                                                    "alignX": "center",
                                                                    "iconSourceType": "image",
                                                                    "iconImageSource": "profileIcon.svg"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "2619324b-1e6a-02a0-999f-4908b0fba3b1",
                                                        "type": "net.noodl.controls.textinput",
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "alignY": "center",
                                                            "useLabel": false,
                                                            "borderRadius": {
                                                                "value": 25,
                                                                "unit": "px"
                                                            },
                                                            "paddingLeft": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingRight": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "placeholder": "Add a comment",
                                                            "paddingTop": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "lineHeight": {
                                                                "value": 30,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#FFFFFF",
                                                            "type": "textArea",
                                                            "marginLeft": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "height": {
                                                                "value": 100,
                                                                "unit": "%"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "ca21badb-170e-2385-6225-4c8bbeb3c0a1",
                                                "type": "net.noodl.controls.button",
                                                "variant": "Button Primary",
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "alignY": "center",
                                                    "label": "Post",
                                                    "useIcon": true,
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "send"
                                                    },
                                                    "borderRadius": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 50,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "9b7df199-fd08-36a5-b461-b3888d7b0ab2",
                        "type": "NavigationClosePopup",
                        "x": 295,
                        "y": -54,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "322392eb-6e4f-1d47-7074-5d81f7cf01ba",
                        "type": "NewDbModelProperties",
                        "x": 438,
                        "y": 387,
                        "parameters": {
                            "collectionName": "Comment",
                            "prop-comment_author": "Placeholder"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-comment_text",
                                "displayName": "comment_text",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-comment_author",
                                "displayName": "comment_author",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-comment_parent",
                                "displayName": "comment_parent",
                                "index": 11
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3824,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Privacy/Terms of Use Popup",
            "id": "0f972308-87a6-cee0-5516-61304670e7a2",
            "graph": {
                "connections": [
                    {
                        "fromId": "84f05dc7-aa13-a179-6340-2bbdb085eb54",
                        "fromProperty": "onClick",
                        "toId": "14dd3b0d-3f43-9472-b53c-e2031af37e73",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "10a5a547-29c1-2442-d7e9-9adc8068f7e0",
                        "fromProperty": "Type",
                        "toId": "dded545d-47e5-163a-59a3-e1cdb17ead13",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "dded545d-47e5-163a-59a3-e1cdb17ead13",
                        "fromProperty": "savedValue",
                        "toId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
                        "fromProperty": "label",
                        "toId": "828280e7-a1a9-3de3-f079-ed23f35e4137",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
                        "fromProperty": "at-tos",
                        "toId": "df87cb9a-8212-502e-d46e-0b24d081521a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
                        "fromProperty": "at-privacy",
                        "toId": "637a9093-e897-aba4-fde9-9a94cd833eae",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "14dd3b0d-3f43-9472-b53c-e2031af37e73",
                        "type": "NavigationClosePopup",
                        "x": 399.3948488473699,
                        "y": 183.29158139930936,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "efce9e59-f368-4b86-e66b-6f77087344a8",
                        "type": "Group",
                        "x": 58.76016478121437,
                        "y": -53.5,
                        "parameters": {
                            "backgroundColor": "#0000007F",
                            "zIndex": 5,
                            "paddingTop": {
                                "value": 48,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 48,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "448ec641-4202-6709-e856-38092af6cf2e",
                                "type": "Group",
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "height": {
                                        "value": 80,
                                        "unit": "%"
                                    },
                                    "alignX": "center",
                                    "alignY": "center",
                                    "width": {
                                        "value": 90,
                                        "unit": "%"
                                    },
                                    "borderRadius": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "maxWidth": {
                                        "value": 480,
                                        "unit": "px"
                                    },
                                    "maxHeight": {
                                        "value": 676,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c3af8607-e85d-951a-af3e-77470c80d9a0",
                                        "type": "/Visual Components/Mobile Page Content Container",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "303c6720-7f87-d113-6056-e6e0fa5e34f9",
                                                "type": "Group",
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "contentHeight",
                                                    "alignItems": "center",
                                                    "justifyContent": "center",
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "828280e7-a1a9-3de3-f079-ed23f35e4137",
                                                        "type": "Text",
                                                        "parameters": {
                                                            "fontFamily": "Inter-SemiBold.ttf",
                                                            "color": "Cyan Main",
                                                            "text": "Terms of Use",
                                                            "sizeMode": "contentSize",
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "alignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "84f05dc7-aa13-a179-6340-2bbdb085eb54",
                                                        "type": "Group",
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "position": "absolute",
                                                            "alignX": "right",
                                                            "styleCss": "/* background-color: red; */\ncursor: pointer;"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "6fc511ee-ceff-393d-1da3-3e156a4c05db",
                                                                "type": "net.noodl.visual.icon",
                                                                "parameters": {
                                                                    "iconColor": "Dark Gray",
                                                                    "iconIconSource": {
                                                                        "class": "material-icons",
                                                                        "code": "close"
                                                                    },
                                                                    "iconSize": {
                                                                        "value": 24,
                                                                        "unit": "px"
                                                                    },
                                                                    "alignX": "right",
                                                                    "position": "relative"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "df87cb9a-8212-502e-d46e-0b24d081521a",
                                                "type": "Group",
                                                "label": "TOS Group",
                                                "parameters": {
                                                    "marginTop": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "scrollEnabled": true
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "2e877cb1-95a7-af11-4476-db987cdc1c6b",
                                                        "type": "Markdown",
                                                        "parameters": {
                                                            "source": "<html>\n\n<head>\n<meta http-equiv=Content-Type content=\"text/html; charset=utf-8\">\n<meta name=Generator content=\"Microsoft Word 15 (filtered)\">\n<style>\n<!--\n /* Font Definitions */\n @font-face\n\t{font-family:Wingdings;\n\tpanose-1:5 0 0 0 0 0 0 0 0 0;}\n@font-face\n\t{font-family:\"Cambria Math\";\n\tpanose-1:2 4 5 3 5 4 6 3 2 4;}\n@font-face\n\t{font-family:Calibri;\n\tpanose-1:2 15 5 2 2 2 4 3 2 4;}\n@font-face\n\t{font-family:Tahoma;\n\tpanose-1:2 11 6 4 3 5 4 4 2 4;}\n@font-face\n\t{font-family:Roboto;\n\tpanose-1:0 0 0 0 0 0 0 0 0 0;}\n@font-face\n\t{font-family:Poppins;\n\tpanose-1:0 0 5 0 0 0 0 0 0 0;}\n /* Style Definitions */\n p.MsoNormal, li.MsoNormal, div.MsoNormal\n\t{margin-top:0cm;\n\tmargin-right:0cm;\n\tmargin-bottom:10.0pt;\n\tmargin-left:0cm;\n\tline-height:115%;\n\tfont-size:11.0pt;\n\tfont-family:\"Calibri\",sans-serif;}\np\n\t{margin-right:0cm;\n\tmargin-left:0cm;\n\tfont-size:12.0pt;\n\tfont-family:\"Times New Roman\",serif;}\n.MsoChpDefault\n\t{font-size:11.0pt;\n\tfont-family:\"Calibri\",sans-serif;}\n.MsoPapDefault\n\t{margin-bottom:10.0pt;\n\tline-height:115%;}\n /* Page Definitions */\n @page WordSection1\n\t{size:612.0pt 792.0pt;\n\tmargin:72.0pt 72.0pt 72.0pt 72.0pt;}\ndiv.WordSection1\n\t{page:WordSection1;}\n /* List Definitions */\n ol\n\t{margin-bottom:0cm;}\nul\n\t{margin-bottom:0cm;}\n-->\n</style>\n\n</head>\n\n<body lang=EN-GB link=blue vlink=purple style='word-wrap:break-word'>\n\n<div class=WordSection1>\n\n<p class=MsoNormal><b><span style='font-size:18.0pt;line-height:115%;\nfont-family:Poppins;color:#1F497D'>Terms of Use</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><b><span\nstyle='font-size:9.0pt;font-family:Roboto;color:black'>&nbsp;</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:9.0pt;font-family:Roboto;color:black'>Updated:<b> </b></span><span\nstyle='font-size:9.0pt;font-family:Roboto;color:#0070C0'>8 April 2022] 2020</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><b><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'> </span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal'><span\nstyle='font-size:10.0pt;font-family:Roboto'>This website (the “Site”) is the\nproperty of GlaxoSmithKline Consumer Healthcare Holdings (US) LLC (“GSK”).  By\nusing this Site, you agree to these Terms of Use. If you do not agree, do not use\nthis Site. </span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto'>&nbsp;</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>GSK reserves the right,\nat its discretion, to change, modify, add or remove portions of these Terms of\nUse at any time. It is your responsibility to check these Terms of Use periodically\nfor changes.  You may access the Terms of Use through the hyperlink at the\nbottom of the webpage. Your continued use of the Site after the Terms of Use\nare updated, will mean you agree to be bound by any such revisions.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>The information provided on this Site is for\ngeneral information only. The Site may contain information about medical\nconditions and their treatment. If you are a healthcare professional, the\ninformation contained on this website is not intended to serve as a substitute\nfor your own medical judgment.  If you have a medical condition, you should\nseek medical advice from a qualified medical practitioner. The information on\nthis Site is not intended to be used by itself to provide you with specific medical\nadvice or recommendation. </span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-size:10.0pt;\nfont-family:Roboto;color:#0070C0'>&nbsp;</span></b></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Timeliness of Information</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>GSK uses reasonable efforts to update its Sites,\nbut some information may become out of date over time. GSK is unable to and makes\nno warranties or representations as to the reliability, accuracy, suitability, completeness\nor timeliness of the information contained on this website, including that\nshared through webinar.  The information on this Site is provided as is.  </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Use and Access</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>You may freely browse this Site, but you may only access or download\nmaterial on this Site for your personal, non-commercial use. All copyright and\nother proprietary notices contained in downloaded materials must be preserved\nand retained. Without the express written permission of GSK, no other use of material\non this Site is permitted.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>&nbsp;</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>Access to this Site is permitted on a temporary basis and GSK reserves\nthe right to withdraw or amend the service provided on this Site without\nnotice.  GSK will not be liable if for any reason the Site is unavailable at\nany time or for any period.  </span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Trademarks/Proprietary Rights</span></b></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>You should assume that\nall trademarks appearing on this Site, whether or not they appear in large\nprint or with the trademark symbol, are trademarks of GSK, its affiliates,\nrelated companies, or its licensors or joint venture partners, unless otherwise\nindicated. You should assume that everything you see or read on this Site is protected\nby copyright, or GSK has been granted permission to use it, unless otherwise\nnoted and may not be used except as provided in the Terms of Use or in the text\non the Site without the written permission of GSK.  </span><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>No license to or right\nin any proprietary right of the GSK group of companies (including patents,\ntrademarks and copyright) or any third party is granted to or conferred upon\nyou by use of this Site.  The use or misuse of these trademarks, copyrights, or\nother materials, except as otherwise permitted herein, is expressly prohibited\nand may be in violation of copyright law, trademark law, or other laws,\nstatutes or regulations.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;text-align:justify;text-justify:\ninter-ideograph;line-height:normal'><span style='font-size:10.0pt;font-family:\nRoboto;color:#1F497D'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>GSK claims no ownership in, nor any affiliation\nwith, any third-party trademarks appearing on this Site. Such third-party\ntrademarks are used only to identify the products and services of their\nrespective owners, and no sponsorship or endorsement on the part of GSK should\nbe inferred from the use of these marks.<br>\n<br>\n</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>No Endorsement</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Links to third-party sites may be provided for\nthe interest or convenience of users of this Site. GSK assumes no\nresponsibility for the content of non-GSK Sites to which it provides links, and\naccepts no liability for any information or opinion contained in any\nthird-party Site or breach or omission in the privacy policies of third parties.\n</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal;background:white'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Information You Supply to Us</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Except for information covered by our Privacy Statement,\nany communication or materials you transmit to or through the Site, including\ndata, questions, comments, ideas, know-how or the like, is and will be treated\nas non-confidential and non-proprietary. GSK shall have no obligation of any\nkind with respect to such information, and shall be free to use, disclose,\nreproduce or publish this information without limitation of any kind, including\nfor commercial purposes, without paying users for the right to do so.  </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Liability</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Except where prohibited by law and except for\nany warranties expressly provided in these Terms of Use, any condition,\nwarranty, guarantee, right or liability which would otherwise be implied in\nthese Terms of Use or imposed by law is excluded. </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Your use of the Site is at your own risk and in\nno event shall GSK be liable for any damages (including without limitation,\ndirect, incidental, consequential, indirect or punitive loss or damages, or\ndamages resulting from lost profits, lost data or business interruption)\narising out of your access to, use of or inability to access or use, the Site\nor any errors or omissions in its content. This includes damages to your\ncomputer or other property, including that caused by computer viruses or any\nother technologically harmful material that may infect your computer or other\nproperty on account of your use of this Site, including the download of any\nfiles or other content from the Site.  </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Not an Invitation to Deal </span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>Nothing on this Site constitutes an invitation\nor offer to invest or deal in the securities or ADRs of GSK.  In particular,\nactual results and developments may be materially different from any forecast,\nopinion or expectation expressed on this Site, and the past performance of the\nprice of securities must not be relied on as a guide to their future\nperformance.</span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Resolution of Disputes</span></b></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>If any dispute arises between you and GSK\nconcerning these Terms of Use or your use of this Site, it shall be resolved\nthrough good-faith negotiations.&nbsp; If such efforts prove unsuccessful, all\ncontroversies, claims, or disputes shall be submitted to binding arbitration\n(including pursuant to the Federal Arbitration Act, 9 U.S.C. §1 et seq.) for\ndetermination by a sole arbitrator.&nbsp; The International Institute for\nConflict Prevention and Resolution Rules for Non-Administered Arbitration shall\napply to the conduct of the hearing.&nbsp; The arbitration award shall be final\nand binding and may be confirmed and enforced in any court of competent\njurisdiction.&nbsp; The parties shall bear equally the costs of the\narbitration, but each party shall pay its own attorney’s fees incurred in\nconnection with the arbitration or confirmation or enforcement of any award. </span></p>\n\n<p style='margin:0cm;background:white'><span style='font-size:10.0pt;\nfont-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p style='margin:0cm;background:white'><b><span style='font-family:Poppins;\ncolor:#1F497D'>Governing Law</span></b></p>\n\n<p class=MsoNormal><span style='font-size:10.0pt;line-height:115%;font-family:\nRoboto;color:black'>This Terms of Use Agreement and your use of the Site shall\nbe governed by the laws of the United States of America and the State of\nDelaware without regard to conflicts of laws principles. </span></p>\n\n<p class=MsoNormal style='margin-bottom:0cm;line-height:normal'><span\nstyle='font-size:10.0pt;font-family:Roboto;color:black'>&nbsp;</span></p>\n\n<p class=MsoNormal><span style='font-size:10.0pt;line-height:115%;font-family:\nRoboto;color:black'>The headings used in these Terms of Use are for convenience\nonly and are not used in determining the meaning or interpretation of these\nTerms of Use.</span></p>\n\n</div>\n\n</body>\n\n</html>\n",
                                                            "styleType": "css",
                                                            "styleCss": "/* background-color: red; */\n",
                                                            "className": "",
                                                            "cssClassName": "terms"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "637a9093-e897-aba4-fde9-9a94cd833eae",
                                                "type": "Group",
                                                "label": "Privacy Group",
                                                "parameters": {
                                                    "marginTop": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "scrollEnabled": true
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "a7e20047-a4fe-af3d-9823-02253584f590",
                                                        "type": "Markdown",
                                                        "parameters": {
                                                            "source": "\n<div class=\"richTextEnhanced richText section richTextHyperlinkedImage u-text-left component col-xs-12 introText fixed-component\"> \n <div class=\"component-content\"> \n  <div class=\"richText-content\"> \n   <h1 style=\"text-align: center;\"><span class=\"page-title\"><a id=\"lastUpdated\"></a>GSK US Privacy Notice</span></h1> \n   <p>&nbsp;</p> \n   <p style=\"text-align: center;\"><span class=\"u-font-italic\">Last Updated: May 1, 2020</span></p> \n   <p>This Privacy Notice sets out how GSK uses and protects any information that you give to us. We respect your privacy and are committed to protecting your personal information. This Privacy Notice explains how we collect, transfer, process, use and disclose your data and sets out our security practices.<br> <br> GlaxoSmithKline is responsible for the personal information you share with us. When we say “GSK”, “we”, “us” or “our”, this is who we are referring to.<br> <br> If anything in this Privacy Notice conflicts with local law in your jurisdiction, local law prevails.<br> <br> We may change this Privacy Notice from time to time. We encourage you to review this Privacy Notice periodically.<br> <br> We do not sell personal information and have not done so in the preceding 12 months.<br> <br> California Residents. For questions specific to California residents, please follow the link below ”<a href=\"#rights\">Choice and Access to personal information (including California residents)</a>”<br> </p> \n   <p><b>In this privacy notice, we explain:</b></p> \n   <ul> \n    <li><a href=\"#whatInfo\">What personal information do we collect about you?</a></li> \n    <li><a href=\"#howInfo\">How do we collect your personal information?</a></li> \n    <li><a href=\"#use\">How do we use your personal information?</a></li> \n    <li><a href=\"#longInfo\">How long do we keep your personal information?</a></li> \n    <li><a href=\"#whom\">With whom do we share your personal information?</a></li> \n    <li><a href=\"#instances\">In what instances do we transfer your personal information outside of your home country?</a></li> \n    <li><a href=\"#additional\">How we process information for individuals in the European Economic Area (EEA);</a></li> \n    <li><a href=\"#protect\">How do we protect your personal information?</a></li> \n    <li><a href=\"#rights\">Choice and Access to personal information (including California residents)?</a></li> \n    <li><a href=\"#responsibility\">Our responsibility regarding websites that we do not own or control</a></li> \n    <li><a href=\"#children\">Information about children</a></li> \n    <li><a href=\"#notice\">How we update this privacy notice?</a></li> \n    <li><a href=\"#contact\">How to contact us</a></li> \n   </ul> \n  </div> \n </div> \n</div>\n\n            \n            \n        \n    \n    \n\n</div><div class=\"col-xs-12 col-md-12 js-single-tab-box js-tab-to-accordion u-px-sm-0\">\n\n\n\n\n\n    \n        \n            \n                \n                \n                \n\n\n\n\n\n<div class=\"box component section default-style jsSingleTabBox fixed-component\"> \n  \n <div class=\"component-content\" id=\"865963382\"> \n  <div class=\"paragraphSystem content\"> \n   <a id=\"01705367328\" style=\"visibility:hidden\" aria-hidden=\"true\"></a> \n   <div class=\"richText component section u-border-bottom first odd col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <h2><span class=\"section-title\" id=\"whatInfo\">What personal information do we collect about you?</span></h2> \n      <p>The personal information that we collect, and process/or disclose may include, both currently and in the preceding 12 months:<br> </p> \n      <table> \n       <tbody> \n        <tr class=\"even\"> \n         <td width=\"600\"><h4>Categories of PI Collected</h4> </td> \n         <td width=\"600\"><h4>Applicable Categories of Individuals</h4> </td> \n        </tr> \n        <tr style=\"background-color: #EEECE4;\"> \n         <td width=\"600\" valign=\"top\"><p><b>Name, Contact information and Unique Identifiers</b>:&nbsp; Identifiers, such as a real name, alias, postal address, telephone number, unique personal identifier, online identifier, device ID,&nbsp; internet protocol (IP) address, email address, account name, social security number, driver’s license number, passport number, or other similar identifiers as well as demographic information such as date of birth, place of birth, country of residence, income, family size etc.&nbsp; An individual’s written or digital signature.</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators, Site Staff and Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n        </tr> \n        <tr class=\"even\"> \n         <td width=\"600\" valign=\"top\"><p><b>Financial Information:</b> Bank account number, credit or debit card number, credit reports, background checks or other financial information.</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators</p> </td> \n        </tr> \n        <tr style=\"background-color: #EEECE4;\"> \n         <td width=\"600\" valign=\"top\"><p><b>Medical Information:</b>&nbsp; Any information in possession of or derived from yourself, a healthcare provider, healthcare insurer, healthcare service plan, pharmaceutical company, or contractor regarding an individual’s medical history, mental or physical condition, or treatment.&nbsp; This includes an individual’s insurance policy number or subscriber identification number, any unique identifier used by a health insurer to identify the individual, or any information in the individual’s application and claims history (including prescription information).</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Clinical Trial Participants</p> <p>Patients</p> <p>Customers</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n        </tr> \n        <tr class=\"even\"> \n         <td width=\"600\" valign=\"top\"><p><b>Protected Characteristics:</b> Characteristics of legally protected classifications such as race, gender, age, nationality, physical or mental disability, and religion.</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Clinical Trial Participants</p> <p>Patients</p> </td> \n        </tr> \n        <tr style=\"background-color: #EEECE4;\"> \n         <td width=\"600\" valign=\"top\"><p><b>Purchase History and Tendencies: </b>Information regarding products or services purchased, obtained, or considered.</p> <p><b>&nbsp;</b></p> </td> \n         <td width=\"600\" valign=\"top\"><p>Health Care Providers</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n        </tr> \n        <tr class=\"even\"> \n         <td width=\"600\" valign=\"top\"><p><b>Biometric Information:</b> Physiological, biological, or behavioral characteristics that can establish an individual’s identity, including DNA, face, iris or retina imagery, fingerprint, voice recordings and sleep, health, or exercise data that contain identifying information.</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Clinical Trial Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n        </tr> \n        <tr style=\"background-color: #EEECE4;\"> \n         <td width=\"600\" valign=\"top\"><p><b>Network Activity:</b>&nbsp; Internet or other electronic network activity information, such as browsing history, search history, and information regarding an individual’s interaction with an internet website, application, or advertisement. Includes analytics evaluation, cookies.</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators and Site Staff</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n        </tr> \n        <tr class=\"even\"> \n         <td width=\"600\" valign=\"top\"><p><b>Geolocation Data:</b> Precise geographic location information about a particular individual or device.</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n        </tr> \n        <tr style=\"background-color: #EEECE4;\"> \n         <td width=\"600\" valign=\"top\"><p><b>Electronic and Sensory Data: </b>Audio, electronic, visual, or similar information (e.g., a recording of a customer service call or profile photograph).</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators, Site Staff and Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> </td> \n        </tr> \n        <tr class=\"even\"> \n         <td width=\"600\" valign=\"top\"><p><b>Education and Professional Information</b>: An individual’s academic information and records, licenses, professional or employment-related information and professional interactions with GSK</p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators and Site Staff</p> <p>Website Visitors</p> </td> \n        </tr> \n        <tr style=\"background-color: #EEECE4;\"> \n         <td width=\"600\" valign=\"top\"><p><b>Inferences: </b>Inferences drawn from any of the information listed above to create a profile about an individual reflecting the individual’s preferences, characteristics, psychological trends, preferences, predispositions, behavior, attitudes, intelligence, abilities, and aptitudes.<b></b></p> </td> \n         <td width=\"600\" valign=\"top\"><p>Employees</p> <p>Candidates for employment</p> <p>Contractors</p> <p>Health Care Providers</p> <p>Clinical Trial Investigators, Site Staff and Participants</p> <p>Patients</p> <p>Customers</p> <p>Website Visitors</p> <p>Caregiver</p> <p>Authorized Representative</p> <p>Households</p> </td> \n        </tr> \n       </tbody> \n      </table> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom even col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"howInfo\">How do we collect your personal information?</span></h2> \n      <p>We and our service providers collect personal information in a variety of ways, including from:</p> \n      <ul> \n       <li>directly from you or an authorised representative;</li> \n       <li>government entities;</li> \n       <li>public records;</li> \n       <li>research partners;</li> \n       <li>data resellers;</li> \n       <li>marketing vendors; and</li> \n       <li>business service providers.</li> \n      </ul> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"use\">How do we use your personal information?</span></h2> \n      <p>We use your personal information for the purposes we have described below in this Privacy Notice, or for purposes which are reasonably compatible with the ones described. We will not, use it for other purposes without your permission, unless we have a legal right or obligation to do so.<br> <br> <b>To manage our relationship with you.</b></p> \n      <p>We will use your personal information:</p> \n      <ul> \n       <li>To respond to your requests;</li> \n       <li>To improve our level of service;</li> \n       <li>To provide our products and services to you;</li> \n       <li>To promote our products and services;</li> \n       <li>To manage your account, if necessary;</li> \n       <li>To provide you with information when you request it, or when we believe it may be of interest to you;</li> \n       <li>To invite you to provide your views on our products and services, participate in research or attend events;</li> \n       <li>To report any product adverse events that you notify us about;</li> \n       <li>To consider your application for employment;</li> \n       <li>To perform analytics and understand your preferences;</li> \n       <li>To provide access where required to our sites and facilities.</li> \n       <li>To gain insights and feedback on our products and services in order to correct or improve them, by analysing information from external sources such as Google, Facebook and Twitter (and others);</li> \n       <li>For our own administrative and quality assurance purposes; and</li> \n       <li>For other purposes that may be detailed on a website or mobile application which will be described at the time the information is collected.</li> \n      </ul> \n      <p><b>To manage and improve our processes and our business operations.</b></p> \n      <p>We will use your personal information to:</p> \n      <ul> \n       <li>Manage our network and information systems security;</li> \n       <li>Manage our workforce effectively; and</li> \n       <li>Prepare and perform management reporting and analysis, including analytics and metrics.</li> \n      </ul> \n      <p><b>To achieve other purposes.</b></p> \n      <p>We will use your personal information:</p> \n      <ul> \n       <li>To follow applicable laws and regulations;</li> \n       <li>To respond to lawful requests from competent public authorities;</li> \n       <li>To tell you about changes to our terms, conditions and policies;</li> \n       <li>To exercise or defend GSK against potential, threatened or actual litigation;</li> \n       <li>To protect GSK’s or your vital interests, or those of another person;</li> \n       <li>To respond to and handle your queries or requests; and</li> \n       <li>When we sell, assign or transfer all or part of our business.</li> \n      </ul> \n      <p><b>Website and mobile application usage information<br> </b><br> We also collect information about your computer browser type and operating system, websites you visited before and after visiting our websites, standard server log information, Internet Protocol (IP) addresses, location data, mobile phone service provider, and mobile phone operating system.<br> <br> We use this information to understand how our visitors use our websites and mobile applications so that we can improve them, the services we offer, and our advertising. We may also share this information with other companies within the GSK group and with other third parties. Some of our websites use Google Analytics, a web analytics service provided by Google, Inc. (“Google”). Google Analytics uses cookies to analyze use patterns and may collect information about your use of the website, including your IP address. More information on Google Analytics can be found here: <a rel=\"noopener noreferrer\" href=\"https://www.google.com/policies/privacy/partners\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">www.google.com/policies/privacy/partners/</a>. If you would like to opt-out of having your data used by Google Analytics, please use the Google Analytics opt-out available here: <a rel=\"noopener noreferrer\" href=\"https://tools.google.com/dlpage/gaoptout/\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">https://tools.google.com/dlpage/gaoptout/</a><br> <br> <b>Use of IP addresses<br> </b><br> An IP address is a set of numbers that is automatically assigned to your computer whenever you log on to your Internet service provider or through your organization’s local area network (LAN) or wide area network (WAN). Web servers automatically identify your computer by the IP address assigned to it during your session online.<br> <br> GSK, or third-party companies acting on our behalf, may collect IP addresses for the purposes of systems administration and to audit the use of our websites. We also may use IP addresses to identify users of our websites when we feel it is necessary to enforce compliance with the websites’ terms of use or to protect our service, websites or other users.<br> <br> <b>Cookies and Similar Technologies<br> </b><br> Our websites and mobile applications may use technology called \"cookies\" and similar technologies. A cookie is a small text file that is placed on your hard disk by a server. Cookies and similar technologies allow our websites and mobile applications to respond to you and provide a more personalized experience.<br> <br> The website or mobile application can tailor its operations to your needs, likes and dislikes by gathering and remembering information about your preferences. For instance, our server may set a cookie that keeps you from having to enter a password more than once during a visit to a website.<br> <br> You can choose to accept or decline cookies. Most web browsers automatically accept cookies, but you can usually modify your browser setting to decline cookies or receive a warning before a cookie is stored if you prefer. Please refer to your Internet browser’s instructions or help screen to learn more about these functions and to specify your cookie preferences, and note that your browser controls might not control other types of technologies. You may also wish to refer to <a rel=\"noopener noreferrer\" href=\"http://www.allaboutcookies.org/manage-cookies/index.html\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">http://www.allaboutcookies.org/manage-cookies/index.html</a>.<br> <br> If you choose to decline cookies, you may not be able to fully experience the interactive features of our websites or any other websites that you visit.<br> <br> <b>Do-Not-Track Signals and Similar Mechanisms<br> </b><br> Some web browsers transmit \"do-not-track\" signals to websites. Because of differences in how web browsers incorporate and activate this feature, it is not always clear whether users intend for these signals to be transmitted, or whether they even are aware of them. We currently do not take action in response to these signals.<br>  <br> <b>Third-party advertising, links, and content<br> </b><br> Our websites and mobile applications may from time to time provide links to or embed third party websites or content. Our advertising partners may collect information about your use of our websites and apps through cookies, web beacons, and similar technologies to display advertisements that are tailored to your interests on other websites and services. Some of these advertising partners may participate in an industry organization that offers users an opportunity to opt out of ad targeting. To learn more, including about how to opt out from interest-based advertising, please visit <a rel=\"noopener noreferrer\" href=\"http://us.gsk.com/en-us/about-our-ads/\" target=\"_blank\" rel=\"noopener noreferrer\">About Our Ads</a>. You may download the AppChoices app at <a rel=\"noopener noreferrer\" href=\"http://www.aboutads.info/appchoices\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">www.aboutads.info/appchoices</a> to opt out in mobile apps. Due to the differences between using apps and websites on mobile devices, you also should check the settings for your apps and device to opt out.<br> <br> We are not responsible for the privacy practices of these advertising partners, we do not exchange information with them for money or anything of value and this Privacy Policy does not apply to those websites. You agree that we are not responsible for the availability of such websites and do not review or endorse and shall not be liable, directly or indirectly, for:</p> \n      <ul> \n       <li>How these websites treat your personal information;</li> \n       <li>The content of such websites; and</li> \n       <li>The use that others make of these websites.</li> \n      </ul> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom even col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"longInfo\">How long do we keep your personal information?</span></h2> \n      <p>We will always keep your personal information for the period required by law and where we need to do so in connection with legal action or an investigation involving GSK. Otherwise, we keep your personal information:<br> <br> We keep your personal information for as long as needed or permitted for the purpose(s) for which it was obtained and consistent with applicable law.</p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"whom\">With whom do we share your personal information?</span></h2> \n      <p>We share your personal information on a need to know basis, to the extent necessary to follow laws and regulations, and to manage the activities related to our relationship with you.<br> <br> We share your personal information with teams in our GSK companies and affiliates who need to see it to do their jobs. Please see <a rel=\"noopener noreferrer\" href=\"https://www.gsk.com/en-gb/contact-us/worldwide/\" target=\"_blank\" rel=\"noopener noreferrer\">link</a> for a list of our affiliates and their locations.<br> <br> In some cases, our relationship with you is supported by specialized service providers working on our behalf. These service providers are contractually-required to protect your personal information and not to use it for their own purposes.<br> <br> These specialized service providers include:</p> \n      <ul> \n       <li>advertising networks;</li> \n       <li>internet service providers;</li> \n       <li>data analytics providers;</li> \n       <li>operating systems and platforms;</li> \n       <li>social networks;</li> \n       <li>joint marketing partners; and</li> \n       <li>research partners.</li> \n      </ul> \n      <p>We will also share your personal information with local or foreign regulators, or government and law enforcement authorities as necessary or appropriate, in particular when we have a legal obligation to do so. These may be in or outside your country of residence. We may also disclose your personal information for other legal reasons, such as to enforce our terms and conditions; and protect our rights, privacy, safety or property, and/or that of our affiliates, you or others.</p> \n      <p>We may share your personal information in connection with a sale or business transaction, such as a reorganization,<br> merger, sale, joint venture, assignment, transfer or other disposition of all or any portion of our business, assets, or stock (including in connection with any bankruptcy or similar proceedings).</p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom even col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"instances\">In what instances do we transfer your personal information outside of your home country?</span></h2> \n      <p>This website and Privacy Notice are intended only for individuals within the United States. However, GSK works all over the world. Therefore, we may need to transfer and use your personal information outside of the United States. We implement appropriate measures to protect your personal information when we transfer your personal information outside of your home country such as data transfer agreements that incorporate standard data protection clauses. The data privacy laws in the countries we transfer it to may not be the same as the laws in the United States. Law enforcement agencies, regulatory agencies, security authorities or courts in the countries we transfer your personal information to may have the right to see your personal information.<br> </p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"additional\">Additional information if you travel to the European Economic Area (EEA)</span></h2> \n      <p>The European Commission recognizes that some countries outside the EEA have similar data protection standards. The full list of these countries is available <a rel=\"noopener noreferrer\" href=\"https://ec.europa.eu/info/law/law-topic/data-protection/data-transfers-outside-eu/adequacy-protection-personal-data-non-eu-countries_en\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.<br> <br> If we transfer your personal information to a country not on this list, we do so based on our <a rel=\"noopener noreferrer\" href=\"https://www.gsk.com/en-gb/about-us/policies-codes-and-standards/binding-corporate-rules/\" target=\"_blank\" rel=\"noopener noreferrer\">Binding Corporate Rules</a> (BCRs) and <a rel=\"noopener noreferrer\" href=\"https://ec.europa.eu/info/strategy/justice-and-fundamental-rights/data-protection/data-transfers-outside-eu/model-contracts-transfer-personal-data-third-countries_en\" target=\"_blank\" rel=\"noopener noreferrer\">standard contract clauses</a> adopted by the European Commission. These enable us to make international transfers of personal information within our group of companies and meet the data protection laws of the European Union and the General Data Protection Regulation (GDPR).<br> </p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom even col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"protect\">How do we protect your personal information?</span></h2> \n      <p>GSK will take appropriate legal, organizational, and technical measures to protect your personal information consistent with applicable privacy and data security laws.<br> <br> Unfortunately, the transmission of information via the Internet or a mobile phone network connection is not completely secure. Although we will do our best to protect your personal information, we cannot guarantee the security of the personal information you transmit to our websites or mobile applications: any transmission is at your own risk. While we cannot guarantee that loss, misuse or alteration to data will not occur, once we have received your information, we will employ appropriate technical security measures to help prevent such unfortunate occurrences.<br> </p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"rights\">What are your rights regarding your personal information?</span></h2> \n      <p>If personal information you have provided us in the past is no longer correct, we have a process for working with you to update that information.<br> <br> Also, some California residents have the right, or their authorized agent may request, at no charge, up to twice every 12 months that we:</p> \n      <ul> \n       <li>That we provide copies of your personal information directly to you. There are some exceptions, which means you may not always receive all the information we process;</li> \n       <li>Correct information that is is inaccurate or incomplete; and</li> \n       <li>Delete your personal information, subject to some exceptions.</li> \n      </ul> \n      <p>You can find out how to get in touch with us to ask us to do any of the above, or to express a privacy concern, by looking at the ”<a href=\"#contact\">Contact Information and Privacy point of contact</a>” section. An authorized agent can also contact us regarding these rights. To designate an authorized agent to exercise your rights and choices on your behalf, please complete the webform below. You have a right not to receive discriminatory treatment from us for exercising applicable rights.<br> <br> We will verify and respond to your request consistent with applicable law, taking into account the type and sensitivity of the personal information subject to the request. For your protection, and to protect the privacy of others, we may need to verify your identity before completing what you have asked us to do. We may need to request additional personal information from you, such as home address, email address and government issued ID, in order to protect against fraudulent or spoofed requests. If you want to make a request as an authorized agent on behalf of a California resident, you may use the submission methods noted in the ”<a href=\"#contact\">Contact Information and Privacy point of contact</a>” section. As part of our verification process, we may request that you provide us with proof that you have been authorized by the California resident on whose behalf you are making the request, which may include signed permission provided by such California resident.<br> In some circumstances if you ask for your personal information to be deleted, we may need to confirm which personal information you wish to be deleted if such deletion might impact your enrollment in any elligible patient assistance programs,</p> \n      <p>If you object to us using your personal information or withdraw permission for us to use your personal information, after initially giving it to us, we will respect your choice in line with applicable law. However, by objecting or withdrawing your permission, we may not be able to complete the activities described in the ‘<a href=\"#use\">How do we use your personal information</a>’.<br> <br> In the calendar year prior to the effective date of this Privacy Policy, we received 0 requests from eligible consumers for access or information about our information practices.<br> </p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom even col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"responsibility\">Our responsibility regarding websites that we do not own or control</span></h2> \n      <p>From time to time, we may provide links to websites or mobile applications that are not allowed or controlled by us. Our Privacy Notice does not cover them. Please read the privacy notices on those websites and mobile applications if you would like to find out how they collect, use and share your personal information.</p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom odd col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"children\">Information about children</span></h2> \n      <p>Our services are not directed to children and we do not knowingly collect any personal information from minors under 16 years of age.</p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section u-border-bottom even col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"notice\">How we update this Privacy Notice?</span></h2> \n      <p>From time to time, we will update this Privacy Notice. Any changes become effective when we post the revised Privacy Notice. This Privacy Notice was last updated as of the ”<a href=\"#lastUpdated\">Last Updated</a>” date shown above. If changes are significant, we will provide a more prominent notice to let you know what the changes are.</p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section default-style odd col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <h2><span class=\"section-title\" id=\"contact\">Contact Information and Privacy point of contact</span></h2> \n      <p>If you have any questions about this Privacy Notice, need more information or would like to raise a privacy concern, please contact us at <a href=\"mailto:US.CPA@gsk.com\">US.CPA@gsk.com</a>. If you want to correct the personal information we may have about you, or if you are a California resident and want to exercise applicable rights regarding your personal information, please contact us at:<br> <br> <b>Online:</b><br> Use our online webform available at: <a rel=\"noopener noreferrer\" href=\"https://contactus.gsk.com/callback/irr.html\" target=\"_blank\" rel=\"noopener noreferrer\">https://contactus.gsk.com/callback/irr.html</a></p> \n      <p><b>Telephone:</b><br> GSK Pharmaceutical and Vaccine products: 1.888.825.5249<br> <br> GSK Consumer Healthcare Products: 1.800.245.1040</p> \n     </div> \n    </div> \n   </div> \n   <div class=\"richText component section default-style even last col-xs-12\"> \n    <div class=\"component-content\"> \n     <div class=\"richText-content\"> \n      <p>&nbsp;</p> \n      <p style=\"text-align: center;\"><a href=\"https://privacy.gsk.com/content/dam/common-framework/digital-delivery/images/GSK%20US%20Privacy%20Notice.pdf\" class=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">Download the US Privacy Notice as a PDF file</a></p> \n     </div> \n    </div> \n   </div> \n  </div> \n </div> \n</div>\n\n\n\n",
                                                            "className": "privacy",
                                                            "openLinksInNewTab": false,
                                                            "cssClassName": "privacy"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "10a5a547-29c1-2442-d7e9-9adc8068f7e0",
                        "type": "Component Inputs",
                        "x": -692.4167869369398,
                        "y": 110.12962747059908,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Type",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dded545d-47e5-163a-59a3-e1cdb17ead13",
                        "type": "String",
                        "x": -480.433458672238,
                        "y": 113.93771121188112,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b0d5d789-61c6-d529-09db-b203fcfc95d2",
                        "type": "States",
                        "x": -274.7969366430067,
                        "y": 103.78282123512878,
                        "parameters": {
                            "states": "tos,privacy",
                            "values": "label",
                            "type-label": "string",
                            "value-tos-label": "Terms of Use",
                            "value-privacy-label": "Privacy Policy"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "string",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "label",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "label",
                                "name": "type-label",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "string",
                                "group": "tos Values",
                                "name": "value-tos-label",
                                "displayName": "label",
                                "editorName": "tos|label",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "tos Transitions",
                                "name": "transitiondef-tos",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To tos",
                                "name": "to-tos",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At tos",
                                "name": "at-tos",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached tos",
                                "name": "reached-tos",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "string",
                                "group": "privacy Values",
                                "name": "value-privacy-label",
                                "displayName": "label",
                                "editorName": "privacy|label",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "privacy Transitions",
                                "name": "transitiondef-privacy",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To privacy",
                                "name": "to-privacy",
                                "group": "Go to state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At privacy",
                                "name": "at-privacy",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached privacy",
                                "name": "reached-privacy",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "tos",
                                        "privacy"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "tos",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dc38f0fa-9be4-bf35-a986-076518491835",
                        "type": "CSS Definition",
                        "x": -266.28609142372477,
                        "y": 341.1096612716097,
                        "parameters": {
                            "style": ".terms {\n    text-align:left;\n    padding: 20px;\n    font-family: arial;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "10db977d-badf-03ac-be50-ba9dd13dadea",
                        "type": "CSS Definition",
                        "x": -107.24700038148995,
                        "y": 602.652487449845,
                        "parameters": {
                            "style": "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap%27');\n\n.privacy h1,h2,h3,h4{\n font-family: \"Poppins\";\n color:#392A5C;\n}\n\n.privacy p,body,li{\n font-family: \"Roboto\";\n}\n\n.privacy td{\n padding:10px;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -21784.30884325703,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Rating/Rating Popup",
            "id": "8d23139e-0bec-eb07-f07f-af732b724d41",
            "graph": {
                "connections": [
                    {
                        "fromId": "1c2f1065-57d4-d88b-d6c9-b2fc2eee036c",
                        "fromProperty": "onClick",
                        "toId": "a89dd236-f87a-4789-da63-70eb2e256895",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "6d6e39a8-10c3-2d8f-9758-18c33b7a6805",
                        "fromProperty": "state",
                        "toId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
                        "fromProperty": "at-good",
                        "toId": "b1566d5f-a0be-6a41-dbca-8defaf054388",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
                        "fromProperty": "at-neutral",
                        "toId": "6e34898c-98e2-54db-e638-b12e06886b1a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
                        "fromProperty": "at-bad",
                        "toId": "414f26b3-2350-7a5d-66da-22e8e8c9cf5b",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "2c582e57-26cf-f26b-2e86-a235d858abb9",
                        "fromProperty": "onClick",
                        "toId": "a89dd236-f87a-4789-da63-70eb2e256895",
                        "toProperty": "close"
                    }
                ],
                "roots": [
                    {
                        "id": "781de1cb-f5dc-b291-15cc-6bba5621f487",
                        "type": "Group",
                        "x": 1,
                        "y": 0,
                        "parameters": {
                            "backgroundColor": "transparent",
                            "zIndex": 999999999,
                            "sizeMode": "explicit",
                            "position": "relative"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1c2f1065-57d4-d88b-d6c9-b2fc2eee036c",
                                "type": "Group",
                                "label": "Popup overlay",
                                "parameters": {
                                    "position": "absolute",
                                    "sizeMode": "explicit",
                                    "backgroundColor": "Pop-up Grey Overlay"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "ddab52db-e43f-5686-9d44-450ed4c03ba8",
                                "type": "Group",
                                "label": "Popup Inner",
                                "parameters": {
                                    "maxHeight": {
                                        "value": 95,
                                        "unit": "vh"
                                    },
                                    "alignY": "center",
                                    "alignX": "center",
                                    "position": "absolute",
                                    "backgroundColor": "Super Duper Light Gray",
                                    "sizeMode": "explicit",
                                    "cssClassName": "popup-inner",
                                    "boxShadowEnabled": true,
                                    "borderRadius": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 15,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2c582e57-26cf-f26b-2e86-a235d858abb9",
                                        "type": "Group",
                                        "label": "Close Icon",
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "alignX": "right",
                                            "position": "absolute",
                                            "marginTop": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "zIndex": 999999999,
                                            "cssClassName": "pointer"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d863fa51-6ac0-47c6-385a-29dc6f4f2263",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "close"
                                                    },
                                                    "iconColor": "Dark",
                                                    "iconSize": {
                                                        "value": 30,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "65636ec8-ab09-3daa-84e8-6fe9349ff5df",
                                        "type": "Group",
                                        "label": "Rating Popup Inner",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b1566d5f-a0be-6a41-dbca-8defaf054388",
                                                "type": "/Visual Components/Article/Rating/Good",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "6e34898c-98e2-54db-e638-b12e06886b1a",
                                                "type": "/Visual Components/Article/Rating/Neutral",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "414f26b3-2350-7a5d-66da-22e8e8c9cf5b",
                                                "type": "/Visual Components/Article/Rating/Bad",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "6d6e39a8-10c3-2d8f-9758-18c33b7a6805",
                        "type": "Component Inputs",
                        "x": -306.33333333333337,
                        "y": -106.33333333333331,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "state",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a89dd236-f87a-4789-da63-70eb2e256895",
                        "type": "NavigationClosePopup",
                        "x": 315.66666666666663,
                        "y": -18.333333333333314,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "af6f9c75-9627-52da-a4c3-913b835c8ac4",
                        "type": "CSS Definition",
                        "x": -420.33333333333337,
                        "y": 94.66666666666669,
                        "parameters": {
                            "style": ".popup-inner{\n    width: min(95vw, 850px) !important;\n    height: auto !important;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6d99bc38-e848-8eb8-4351-881b9435c3fd",
                        "type": "States",
                        "x": -226.33333333333337,
                        "y": -10.333333333333314,
                        "parameters": {
                            "states": "good,neutral,bad"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To good",
                                "name": "to-good",
                                "group": "Go to state",
                                "index": 6
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At good",
                                "name": "at-good",
                                "group": "Current state",
                                "index": 7
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached good",
                                "name": "reached-good",
                                "group": "Current state",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To neutral",
                                "name": "to-neutral",
                                "group": "Go to state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At neutral",
                                "name": "at-neutral",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached neutral",
                                "name": "reached-neutral",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To bad",
                                "name": "to-bad",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At bad",
                                "name": "at-bad",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached bad",
                                "name": "reached-bad",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "good",
                                        "neutral",
                                        "bad"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "good",
                                "index": 15
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 9044.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Share/Copied - Periodic",
            "id": "37bde4c3-01a7-390d-b748-de2f571d14ec",
            "graph": {
                "connections": [
                    {
                        "fromId": "755749a8-1627-86f2-ba20-3b0fc5a4918d",
                        "fromProperty": "onClick",
                        "toId": "ac2d4a58-6183-b0c3-d96a-4ff88b00b324",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
                        "fromProperty": "class",
                        "toId": "26eb10a7-e1c9-e710-1743-250ecb4ba9ee",
                        "toProperty": "cssClassName"
                    },
                    {
                        "fromId": "26eb10a7-e1c9-e710-1743-250ecb4ba9ee",
                        "fromProperty": "didMount",
                        "toId": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
                        "toProperty": "to-opened"
                    },
                    {
                        "fromId": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
                        "fromProperty": "reached-opened",
                        "toId": "5d7dcce5-693e-c28a-25c7-a93228d9188b",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "5d7dcce5-693e-c28a-25c7-a93228d9188b",
                        "fromProperty": "timerFinished",
                        "toId": "ac2d4a58-6183-b0c3-d96a-4ff88b00b324",
                        "toProperty": "close"
                    }
                ],
                "roots": [
                    {
                        "id": "26eb10a7-e1c9-e710-1743-250ecb4ba9ee",
                        "type": "Group",
                        "x": -21,
                        "y": 12,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "zIndex": 9999999999,
                            "position": "absolute",
                            "maxWidth": {
                                "value": 375,
                                "unit": "px"
                            },
                            "backgroundColor": "#52CC1FE5",
                            "borderRadius": {
                                "value": 25,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 25,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 25,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 25,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 25,
                                "unit": "px"
                            },
                            "cssClassName": "copied-popup",
                            "transformOriginX": {
                                "value": 0,
                                "unit": "%"
                            },
                            "transformOriginY": {
                                "value": 0,
                                "unit": "%"
                            },
                            "alignItems": "center",
                            "justifyContent": "center",
                            "alignY": "center",
                            "alignX": "center"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "755749a8-1627-86f2-ba20-3b0fc5a4918d",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "right",
                                    "alignY": "top",
                                    "position": "absolute",
                                    "marginTop": {
                                        "value": 12.5,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 12.5,
                                        "unit": "px"
                                    },
                                    "cssClassName": "pointer"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0a932ff6-dc76-6010-d1b6-7c49ebd933f9",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "close"
                                            },
                                            "iconSize": {
                                                "value": 25,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "517721f3-16ca-d282-6436-24e68e3ccf7e",
                                "type": "Text",
                                "parameters": {
                                    "text": "Copied!",
                                    "sizeMode": "contentSize",
                                    "color": "Super Light Gray",
                                    "fontFamily": "Inter-Medium.ttf"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "ac2d4a58-6183-b0c3-d96a-4ff88b00b324",
                        "type": "NavigationClosePopup",
                        "x": 480,
                        "y": -13.333333333333314,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5d7dcce5-693e-c28a-25c7-a93228d9188b",
                        "type": "Timer",
                        "x": 249,
                        "y": -99.33333333333331,
                        "parameters": {
                            "duration": 2500
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7c8f792c-9dcf-6c8c-d361-dccf5b8b3c5c",
                        "type": "CSS Definition",
                        "x": -347,
                        "y": 101.66666666666669,
                        "parameters": {
                            "style": ".copied-popup{\n    transition: ease-in-out 1s !important;\n    transform: translateX(-50%) translateY(150%);\n}\n.copied-popup.default{\n    opacity: 0 !important;\n    transform: translateX(-50%) translateY(150%) !important;\n}\n.copied-popup.opened{\n    opacity: 1 !important;\n    transform: translateX(-50%) translateY(-50%) !important;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "88dbbc3a-5b60-a177-2448-53a0ffe11c67",
                        "type": "States",
                        "x": -347,
                        "y": -80.33333333333331,
                        "parameters": {
                            "values": "class",
                            "type-class": "string",
                            "states": "default,opened",
                            "value-default-class": "copied-popup default",
                            "value-opened-class": "copied-popup open",
                            "currentState": "default"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "string",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "class",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "class",
                                "name": "type-class",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "string",
                                "group": "default Values",
                                "name": "value-default-class",
                                "displayName": "class",
                                "editorName": "default|class",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "default Transitions",
                                "name": "transitiondef-default",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "string",
                                "group": "opened Values",
                                "name": "value-opened-class",
                                "displayName": "class",
                                "editorName": "opened|class",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "opened Transitions",
                                "name": "transitiondef-opened",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To opened",
                                "name": "to-opened",
                                "group": "Go to state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At opened",
                                "name": "at-opened",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached opened",
                                "name": "reached-opened",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "opened"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "default",
                                "index": 18
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 8589.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Share/Share Item",
            "id": "7f2223d2-1a9d-7833-4a1a-2beb65b1fc53",
            "graph": {
                "connections": [
                    {
                        "fromId": "849fba1f-e1b3-60e9-0b7f-13d4e364655b",
                        "fromProperty": "onClick",
                        "toId": "9c64858e-4007-858c-f2c5-608df1c12f36",
                        "toProperty": "Click"
                    },
                    {
                        "fromId": "c690e080-baae-8afa-3586-b32bacb36e9c",
                        "fromProperty": "Icon Src Set",
                        "toId": "8f479153-09c1-10c7-882c-57e79ae5fb57",
                        "toProperty": "srcSet"
                    },
                    {
                        "fromId": "c690e080-baae-8afa-3586-b32bacb36e9c",
                        "fromProperty": "Label",
                        "toId": "ee25b91b-9ac9-ef31-af70-600761ad01fb",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "849fba1f-e1b3-60e9-0b7f-13d4e364655b",
                        "type": "Group",
                        "x": -127.5,
                        "y": -89.5,
                        "parameters": {
                            "sizeMode": "contentSize",
                            "alignItems": "center",
                            "cssClassName": "pointer"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ef5ea686-8a2d-fc2b-2fff-08e24e0deb5b",
                                "type": "Group",
                                "parameters": {
                                    "height": {
                                        "value": 30,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "8f479153-09c1-10c7-882c-57e79ae5fb57",
                                        "type": "Image",
                                        "parameters": {
                                            "srcSet": "FBShare.png 2x",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ee25b91b-9ac9-ef31-af70-600761ad01fb",
                                        "type": "Text",
                                        "parameters": {
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#545454",
                                            "text": "Facebook",
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            },
                                            "alignX": "center",
                                            "textAlignX": "center",
                                            "alignY": "center",
                                            "lineHeight": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "9c64858e-4007-858c-f2c5-608df1c12f36",
                        "type": "Component Outputs",
                        "x": 177.58944113589598,
                        "y": -63.09110205355188,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c690e080-baae-8afa-3586-b32bacb36e9c",
                        "type": "Component Inputs",
                        "x": -361.1290382505807,
                        "y": 6.85877802182398,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Icon Src Set",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 8134.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Share/Share Popup",
            "id": "78dd9fc2-12fc-e90b-f4c3-71fa2a8823bc",
            "graph": {
                "connections": [
                    {
                        "fromId": "982babae-08ae-3542-94b8-db2c810309eb",
                        "fromProperty": "onClick",
                        "toId": "9e333d4b-59ac-94e0-ecd3-f5b491d0f3e8",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "e2100ed9-4889-1421-1d57-7e5e2751bbd8",
                        "fromProperty": "formatted",
                        "toId": "b9698eae-d6e5-9a4d-362e-49aa02543893",
                        "toProperty": "link"
                    },
                    {
                        "fromId": "827b30c8-8fd8-d0c2-3104-a582a732188b",
                        "fromProperty": "value",
                        "toId": "e2100ed9-4889-1421-1d57-7e5e2751bbd8",
                        "toProperty": "slug"
                    },
                    {
                        "fromId": "323aac13-c6f5-def0-1ab2-be46cb704641",
                        "fromProperty": "prop-article",
                        "toId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "toProperty": "in-article"
                    },
                    {
                        "fromId": "323aac13-c6f5-def0-1ab2-be46cb704641",
                        "fromProperty": "fetched",
                        "toId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "997702c7-e624-e2f5-b68a-874b78d7c9a5",
                        "fromProperty": "value",
                        "toId": "323aac13-c6f5-def0-1ab2-be46cb704641",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "fromProperty": "out-coverImage",
                        "toId": "2e96ecf4-3940-a0f7-ee4d-9d8c2e5918f2",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "fromProperty": "out-articleTitle",
                        "toId": "2aa7ce4f-53ef-8a5f-dc4e-21d8a475b82b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "5a5b63c5-450c-da84-5161-79824268618d",
                        "fromProperty": "formatted",
                        "toId": "48709706-1cc8-ceef-d3fe-aacd164c62b3",
                        "toProperty": "source"
                    },
                    {
                        "fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "fromProperty": "out-articleAuthor",
                        "toId": "5a5b63c5-450c-da84-5161-79824268618d",
                        "toProperty": "author"
                    },
                    {
                        "fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "fromProperty": "out-verified",
                        "toId": "5a5b63c5-450c-da84-5161-79824268618d",
                        "toProperty": "verifiedBy"
                    },
                    {
                        "fromId": "1eb7eeee-702b-6f54-3ff8-ffc983a39774",
                        "fromProperty": "out-formattedDate",
                        "toId": "00a25f65-d528-db0e-3cdc-d8878e4eb4d9",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "fromProperty": "out-publishedAt",
                        "toId": "1eb7eeee-702b-6f54-3ff8-ffc983a39774",
                        "toProperty": "in-date"
                    },
                    {
                        "fromId": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
                        "fromProperty": "out-doShowCopiedPopup",
                        "toId": "9c8643b9-0531-f3cc-43da-71ed696faef5",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "86bb125b-f5b4-4ba4-587f-0afef3ea918a",
                        "fromProperty": "value",
                        "toId": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
                        "toProperty": "slug"
                    },
                    {
                        "fromId": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
                        "fromProperty": "formatted",
                        "toId": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
                        "toProperty": "in-link"
                    },
                    {
                        "fromId": "342f72e3-2b12-4515-e601-d845f31a49a1",
                        "fromProperty": "out-result",
                        "toId": "158b8308-c1a6-c26a-1b99-016d3d80b68f",
                        "toProperty": "html"
                    },
                    {
                        "fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "fromProperty": "out-articleTitle",
                        "toId": "342f72e3-2b12-4515-e601-d845f31a49a1",
                        "toProperty": "in-title"
                    },
                    {
                        "fromId": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "fromProperty": "out-bodyText",
                        "toId": "342f72e3-2b12-4515-e601-d845f31a49a1",
                        "toProperty": "in-body"
                    },
                    {
                        "fromId": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
                        "fromProperty": "formatted",
                        "toId": "342f72e3-2b12-4515-e601-d845f31a49a1",
                        "toProperty": "in-link"
                    },
                    {
                        "fromId": "8ef1a1e5-d02f-5109-5560-2f7a8c57df91",
                        "fromProperty": "out-clicked",
                        "toId": "a51ee561-d479-6274-84fa-f2228be00bde",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "c1b3e8e9-76e7-f090-9faf-dd3d05970409",
                        "fromProperty": "onClick",
                        "toId": "a51ee561-d479-6274-84fa-f2228be00bde",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "cec43a2e-30e9-4395-b3cf-95a61ecefdd5",
                        "fromProperty": "onClick",
                        "toId": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
                        "toProperty": "run"
                    }
                ],
                "roots": [
                    {
                        "id": "fada616b-8ce2-958f-5b72-85e1351c34e0",
                        "type": "Group",
                        "x": -23.5,
                        "y": -97.5,
                        "parameters": {
                            "backgroundColor": "Pop-up Grey Overlay",
                            "zIndex": 6,
                            "alignItems": "center"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c8af4d06-7797-e8c3-c4ea-70f5cca08309",
                                "type": "Group",
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "alignItems": "center",
                                    "paddingTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "position": "relative",
                                    "alignY": "center",
                                    "borderRadius": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "zIndex": 6,
                                    "maxWidth": {
                                        "value": 560,
                                        "unit": "px"
                                    },
                                    "maxHeight": {
                                        "value": 640,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "alignX": "center",
                                    "boxShadowEnabled": true,
                                    "width": {
                                        "value": 95,
                                        "unit": "%"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "982babae-08ae-3542-94b8-db2c810309eb",
                                        "type": "Group",
                                        "parameters": {
                                            "alignItems": "flex-end",
                                            "sizeMode": "contentSize",
                                            "alignX": "right",
                                            "cssClassName": "pointer"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "89d69684-61a2-1607-8a54-c93e225f13d0",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "close"
                                                    },
                                                    "iconColor": "Cyan Dark",
                                                    "iconSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "6d9b46a4-9f7e-3294-aeca-a0dc5381a254",
                                        "type": "Text",
                                        "variant": "Large Cyan Text",
                                        "label": "Profile created",
                                        "parameters": {
                                            "text": "Share this article",
                                            "textAlignX": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "fontFamily": "Inter-Bold.ttf",
                                            "fontSize": {
                                                "value": 19,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "07732858-146d-339f-b914-f1cac4bd39a1",
                                        "type": "Group",
                                        "label": "Image container",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignItems": "flex-start",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "borderStyle": "solid",
                                            "borderWidth": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "borderRadius": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "borderColor": "#D6D6D6",
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2e96ecf4-3940-a0f7-ee4d-9d8c2e5918f2",
                                                "type": "Image",
                                                "label": "Mail icon",
                                                "parameters": {
                                                    "src": "mail.svg",
                                                    "sizeMode": "explicit",
                                                    "width": {
                                                        "value": 120,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 120,
                                                        "unit": "px"
                                                    },
                                                    "objectFit": "cover"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "4d229aee-e083-c7ad-eec3-7371fb37dd53",
                                                "type": "Group",
                                                "parameters": {
                                                    "marginLeft": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "2aa7ce4f-53ef-8a5f-dc4e-21d8a475b82b",
                                                        "type": "Text",
                                                        "parameters": {
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "fontFamily": "Inter-Bold.ttf",
                                                            "color": "#379EA5"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "48709706-1cc8-ceef-d3fe-aacd164c62b3",
                                                        "type": "Markdown",
                                                        "parameters": {
                                                            "cssClassName": "info"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "00a25f65-d528-db0e-3cdc-d8878e4eb4d9",
                                                        "type": "Text",
                                                        "parameters": {
                                                            "fontFamily": "Inter-Bold.ttf",
                                                            "fontSize": {
                                                                "value": 13,
                                                                "unit": "px"
                                                            },
                                                            "color": "#505758",
                                                            "marginLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "cdfce885-e4bb-dac0-53eb-9f4a6c95eedf",
                                        "type": "Group",
                                        "label": "FB Preshare",
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "width": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "11c6c11e-0c5a-c79a-7181-9e98e94d4856",
                                                "type": "module.inlineHtml",
                                                "parameters": {
                                                    "html": "<div id=\"fb-root\"></div>\r\n<script async defer crossorigin=\"anonymous\" src=\"https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v13.0\" nonce=\"fEi2ZGA2\"></script>",
                                                    "runJs": true,
                                                    "mounted": true
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "2df0fa77-e62e-6f31-e734-b2eebce06d46",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "justifyContent": "space-around",
                                            "alignItems": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "cssClassName": "share-btns-container"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "f8ed3001-ba8c-23d9-45c0-485b31a711d3",
                                                "type": "Group",
                                                "label": "Facebook",
                                                "parameters": {
                                                    "cssClassName": "fb-share",
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "31d0e853-ddff-d204-af60-b1b5a5048e03",
                                                        "type": "module.inlineHtml",
                                                        "parameters": {
                                                            "html": "<div \n    class=\"share-button\" \n    data-href=\"https://shinearticles.sandbox.noodl.app/article/&#123;slug&#125;\" \n    data-layout=\"button\" \n    data-size=\"large\">\n    \n    <a \n        target=\"_blank\" \n        href=\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fshinearticles.sandbox.noodl.app%2Farticle%2F%257Bslug%257D&amp;src=sdkpreparse\" \n        class=\"fb-xfbml-parse-ignore\"\n        onclick=\"wasClicked()\">\n        <img srcset=\"/FBShare.png 2x\" />\n        Facebook\n    </a>\n</div>",
                                                            "runJs": true
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "conflicts": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "5c72610c-2a7f-978d-2cda-c768fce16d91",
                                                "type": "Group",
                                                "label": "Twitter",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center",
                                                    "cssClassName": "twt-share"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "6f633b6f-e0c8-ec71-08a7-4838227e6449",
                                                        "type": "module.inlineHtml",
                                                        "parameters": {
                                                            "html": "<a \n    href=\"https://twitter.com/share?ref_src=twsrc%5Etfw\" \n    class=\"share-button\" \n    data-text=\"Check out this article from Shine\" \n    data-url=\"https://shinearticles.sandbox.noodl.app/article/{slug}\" \n    data-hashtags=\"Shine\" \n    data-related=\"Shine\" \n    data-lang=\"en\" \n    data-show-count=\"false\"\n    target=\"_blank\"\n    onclick=\"wasClicked()\">\n    <img srcset=\"/TwitterShare.png 2x\" />\n    Twitter\n</a>\n<script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>",
                                                            "runJs": true
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "conflicts": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "cec43a2e-30e9-4395-b3cf-95a61ecefdd5",
                                                "type": "Group",
                                                "label": "Link Share",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "alignItems": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "dcf4d07a-73ac-93fa-93ed-80e517fcccde",
                                                        "type": "Image",
                                                        "parameters": {
                                                            "srcSet": "/LinkShare.png 2x",
                                                            "marginBottom": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "c1b3e8e9-76e7-f090-9faf-dd3d05970409",
                                                        "type": "Text",
                                                        "label": "Copy",
                                                        "parameters": {
                                                            "text": "Copy Link",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "color": "#545454"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "a83227ea-bc80-a38a-3bcb-bddee858a197",
                                                "type": "Group",
                                                "label": "Mailto",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "cssClassName": "share-item mail-share"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "158b8308-c1a6-c26a-1b99-016d3d80b68f",
                                                        "type": "module.inlineHtml",
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "9e333d4b-59ac-94e0-ecd3-f5b491d0f3e8",
                        "type": "NavigationClosePopup",
                        "x": 252.52707245701254,
                        "y": -41.07419850448096,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e2100ed9-4889-1421-1d57-7e5e2751bbd8",
                        "type": "String Format",
                        "x": 423.43422832349273,
                        "y": 244.9523979155394,
                        "parameters": {
                            "format": "https://www.facebook.com/sharer/sharer.php?u=https://shinearticles.sandbox.noodl.app/article/{slug}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "slug",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b9698eae-d6e5-9a4d-362e-49aa02543893",
                        "type": "net.noodl.externallink",
                        "x": 412.6843878224411,
                        "y": 355.1382630513189,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "827b30c8-8fd8-d0c2-3104-a582a732188b",
                        "type": "Variable2",
                        "x": 432.8403387619131,
                        "y": 129.391612529234,
                        "parameters": {
                            "name": "Current Slug"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "323aac13-c6f5-def0-1ab2-be46cb704641",
                        "type": "Model2",
                        "x": -490.3022142658987,
                        "y": 53.10906749149433,
                        "parameters": {
                            "properties": "article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-article",
                                "displayName": "article",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "article Changed",
                                "name": "changed-article",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ca502e99-0511-363e-700e-0babda36a6a9",
                        "type": "JavaScriptFunction",
                        "x": -277.4823876500813,
                        "y": 80.78687166721625,
                        "parameters": {
                            "functionScript": "Outputs.bodyText = Inputs.article.articleBodyText;\nOutputs.articleTitle = Inputs.article.articleTitle;\nOutputs.coverImage = Inputs.article.coverImage.url;\nOutputs.articleAuthor = Inputs.article.author;\nOutputs.publishedAt = Inputs.article.sys.publishedAt;\nOutputs.verified = Inputs.article.verifiedBy;\nOutputs.references = Inputs.article.refernces;\nOutputs.articleId = Inputs.article.sys.id;"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-article",
                                "displayName": "article",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-bodyText",
                                "displayName": "bodyText",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "out-articleTitle",
                                "displayName": "articleTitle",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "out-coverImage",
                                "displayName": "coverImage",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "out-articleAuthor",
                                "displayName": "articleAuthor",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "out-publishedAt",
                                "displayName": "publishedAt",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 9
                            },
                            {
                                "name": "out-verified",
                                "displayName": "verified",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "out-references",
                                "displayName": "references",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 11
                            },
                            {
                                "name": "out-articleId",
                                "displayName": "articleId",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "997702c7-e624-e2f5-b68a-874b78d7c9a5",
                        "type": "Variable2",
                        "x": -543.0879798254496,
                        "y": 192.5469254729124,
                        "parameters": {
                            "name": "Article Object Id"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5a5b63c5-450c-da84-5161-79824268618d",
                        "type": "String Format",
                        "x": -258.09357248989824,
                        "y": 470.28804873160993,
                        "parameters": {
                            "format": "By <span>{author}</span> <br>\n<br>Verified by  <span>{verifiedBy}</span></br>"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "author",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "verifiedBy",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1eb7eeee-702b-6f54-3ff8-ffc983a39774",
                        "type": "JavaScriptFunction",
                        "x": -232.9162100158337,
                        "y": 320.1237759570563,
                        "parameters": {
                            "functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do YYYY\")\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-date",
                                "displayName": "date",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-formattedDate",
                                "displayName": "formattedDate",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "01b60442-f8ed-7d17-903d-77fe87fc5fa8",
                        "type": "CSS Definition",
                        "x": -255.7371272533187,
                        "y": 734.5000932378744,
                        "parameters": {
                            "style": ".share-item {\n    margin:0px;   \n    padding:0px;\n}\n\n.fb-share .share-button a{\n    display:flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center; \n    transition: ease-in-out 0.3s !important;\n    text-decoration: none !important;\n    font-size: 14px !important;\n    color: #545454 !important;\n    font-family: Inter !important;\n}\n\n.fb-share .share-button img {\n    vertical-align: middle;\n    margin-bottom:8px;\n}\n\n\n.twt-share a{\n    display:flex;\n    flex-direction: column;\n    align-items: center;\n    transition: ease-in-out 0.3s !important;\n    text-decoration: none !important;\n    font-size: 14px !important;\n    color: #545454 !important;\n    font-family: Inter !important;\n}\n\n.twt-share img {\n    width:100%;\n    vertical-align: middle;\n    margin-bottom:8px;\n}\n\n\n.mail-share a{\n    display:flex;\n    flex-direction: column;\n    align-items: center;\n    transition: ease-in-out 0.3s !important;\n    text-decoration: none !important;\n    font-size: 14px !important;\n    color: #545454 !important;\n    font-family: Inter !important;\n}\n\n.mail-share img {\n    width:100%;\n    vertical-align: middle;\n    margin-bottom:8px;\n}\n\n\n.link-share div{\n    border: 1px solid #efefef !important;\n    \n    transition: ease-in-out 0.3s !important;\n    text-decoration: none !important;\n    border-radius: 8px !important;\n    font-size: 16px !important;\n    color: #333 !important;\n    font-family: Inter !important;\n}\n.link-share div:hover{\n    background: #333 !important;\n    color: #fff !important;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9c8643b9-0531-f3cc-43da-71ed696faef5",
                        "type": "NavigationShowPopup",
                        "x": -274.4137603320643,
                        "y": 1565.5035074924845,
                        "parameters": {
                            "target": "/Pop-ups/Share/Copied - Periodic"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a34fe61c-3eab-6dce-808f-6554f2d0d750",
                        "type": "JavaScriptFunction",
                        "label": "copyToClipboard",
                        "x": -272.4137603320643,
                        "y": 1403.503507492484,
                        "parameters": {
                            "functionScript": "if(Inputs.link){\n    navigator.clipboard.writeText(Inputs.link);\n    Outputs.doShowCopiedPopup();\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-link",
                                "displayName": "link",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-doShowCopiedPopup",
                                "displayName": "doShowCopiedPopup",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "daac7c16-ad41-5385-ed2d-622b0dff16e2",
                        "type": "String Format",
                        "x": -269.4137603320643,
                        "y": 1288.0642928787897,
                        "parameters": {
                            "format": "https://shinearticles.sandbox.noodl.app/article/{slug}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "slug",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "86bb125b-f5b4-4ba4-587f-0afef3ea918a",
                        "type": "Variable2",
                        "x": -261.007649893644,
                        "y": 1172.5035074924842,
                        "parameters": {
                            "name": "Current Slug"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "342f72e3-2b12-4515-e601-d845f31a49a1",
                        "type": "JavaScriptFunction",
                        "label": "generateMailTo",
                        "x": -274.6694123385711,
                        "y": 954.5895909192393,
                        "parameters": {
                            "functionScript": "if(Inputs.title && Inputs.body && Inputs.link){\n    var mailto = '<a onclick=\"wasClicked()\" href=\"mailto:';\n    mailto += '?subject=' + Inputs.title;\n    mailto += '&body=' + Inputs.body.slice(0, 255) + '...';\n    mailto += '%0D%0A%0D%0AClick on this link to view the full article: ' + Inputs.link;\n    mailto += '%0D%0A%0D%0AAbout Shine - some text about shine goes here.%0D%0A%0D%0A\"><img srcset=\"/EmailShare.png 2x\" />Email</a>';\n    \n    var htmlObj = document.createElement('div');\n    htmlObj.innerHTML = mailto;\n    \n    Outputs.result = mailto;\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-title",
                                "displayName": "title",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-body",
                                "displayName": "body",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "in-link",
                                "displayName": "link",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "out-result",
                                "displayName": "result",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            }
                        ],
                        "conflicts": [],
                        "children": []
                    },
                    {
                        "id": "8ef1a1e5-d02f-5109-5560-2f7a8c57df91",
                        "type": "JavaScriptFunction",
                        "x": 447.35955383116027,
                        "y": 474.4219568737351,
                        "parameters": {
                            "functionScript": "window.wasClicked = function(type) {\n  Outputs.clicked();\n  Outputs.outlink = type;\n};"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "out-clicked",
                                "displayName": "clicked",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "out-outlink",
                                "displayName": "outlink",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a51ee561-d479-6274-84fa-f2228be00bde",
                        "type": "Event Sender",
                        "label": "outlink clicked",
                        "x": 670.5343139113978,
                        "y": 470.6387834869101,
                        "parameters": {
                            "channelName": "outlink clicked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 7679.381198466383,
                    "y": -67.2481602635614
                }
            }
        },
        {
            "name": "/Pop-ups/Sign in or Sign up /Forgotten Password",
            "id": "6e901ef8-30eb-cd83-7790-eb046cc7cec4",
            "graph": {
                "connections": [
                    {
                        "fromId": "51e5cfb4-a3f4-04d9-27ff-6b92b7dfba95",
                        "fromProperty": "email",
                        "toId": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
                        "toProperty": "email"
                    },
                    {
                        "fromId": "cc3f67d0-6c1b-a6f9-a9f7-37043afe84a9",
                        "fromProperty": "onClick",
                        "toId": "b51ccf57-9733-99b0-e833-dd857c9058a3",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "b983e2a2-1492-7a72-96e3-545b6dfb6f3b",
                        "fromProperty": "onTextChanged",
                        "toId": "0fde3702-937b-89e3-d113-318be8c26621",
                        "toProperty": "email"
                    },
                    {
                        "fromId": "51e5cfb4-a3f4-04d9-27ff-6b92b7dfba95",
                        "fromProperty": "email",
                        "toId": "0fde3702-937b-89e3-d113-318be8c26621",
                        "toProperty": "userEmail"
                    },
                    {
                        "fromId": "0fde3702-937b-89e3-d113-318be8c26621",
                        "fromProperty": "result",
                        "toId": "260bc7cb-70fb-cf09-981a-3e87111820d4",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "260bc7cb-70fb-cf09-981a-3e87111820d4",
                        "fromProperty": "ontrue",
                        "toId": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
                        "toProperty": "send"
                    },
                    {
                        "fromId": "485392e8-5e29-2628-bcfc-4216e29ae43a",
                        "fromProperty": "onClick",
                        "toId": "260bc7cb-70fb-cf09-981a-3e87111820d4",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
                        "fromProperty": "success",
                        "toId": "afb257b0-d063-063f-4998-d225e5db6cec",
                        "toProperty": "close"
                    }
                ],
                "roots": [
                    {
                        "id": "b51ccf57-9733-99b0-e833-dd857c9058a3",
                        "type": "NavigationClosePopup",
                        "x": 246.25530027357053,
                        "y": 27.458452145665547,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "528c78dd-ae52-782d-d163-1e8826e74d7a",
                        "type": "Group",
                        "x": -51,
                        "y": -55,
                        "parameters": {
                            "backgroundColor": "Pop-up Grey Overlay",
                            "zIndex": 6
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "b73df524-67b3-0b79-06b3-c60d7aed703a",
                                "type": "Group",
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "alignItems": "center",
                                    "paddingTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "position": "absolute",
                                    "alignY": "center",
                                    "borderRadius": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "zIndex": 6,
                                    "maxWidth": {
                                        "value": 560,
                                        "unit": "px"
                                    },
                                    "maxHeight": {
                                        "value": 640,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "cc3f67d0-6c1b-a6f9-a9f7-37043afe84a9",
                                        "type": "Group",
                                        "parameters": {
                                            "alignItems": "flex-end",
                                            "sizeMode": "contentSize",
                                            "alignX": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "4fe03199-1673-0bbb-3f68-6f90e412be13",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "close"
                                                    },
                                                    "iconColor": "Cyan Dark",
                                                    "iconSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "7485350e-c47c-2c3a-315a-a9a2a0d8aead",
                                        "type": "Text",
                                        "variant": "Large Cyan Text",
                                        "label": "Profile created",
                                        "parameters": {
                                            "text": "Forgotten your password?",
                                            "textAlignX": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "0ee47e9f-a521-a110-e1aa-e00cbf450589",
                                        "type": "Group",
                                        "label": "Image container",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignItems": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "c00518c5-380d-edcf-6a69-69237d20a4b0",
                                                "type": "Image",
                                                "label": "Mail icon",
                                                "parameters": {
                                                    "src": "mail.svg"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "dbbd0bf3-5a62-f5b1-1d33-11d82d4ceaf2",
                                        "type": "Text",
                                        "label": "Verify with email",
                                        "parameters": {
                                            "text": "Enter the address you signed up with to recieve a password reset link",
                                            "textAlignX": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "lineHeight": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "Dark Gray"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "b983e2a2-1492-7a72-96e3-545b6dfb6f3b",
                                        "type": "net.noodl.controls.textinput",
                                        "variant": "UI Text Input",
                                        "label": "Email",
                                        "parameters": {
                                            "type": "email",
                                            "placeholder": "name@email.com",
                                            "label": "Email",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "485392e8-5e29-2628-bcfc-4216e29ae43a",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Button Primary",
                                        "label": "Continue",
                                        "parameters": {
                                            "label": "Continue"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "dd624f16-5ae3-d262-31ac-b488df9a06a7",
                        "type": "net.noodl.user.RequestPasswordReset",
                        "x": 642.960847636943,
                        "y": 386.3123912753417,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "51e5cfb4-a3f4-04d9-27ff-6b92b7dfba95",
                        "type": "net.noodl.user.User",
                        "x": 632.8161555894352,
                        "y": 278.1678815830861,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0fde3702-937b-89e3-d113-318be8c26621",
                        "type": "Expression",
                        "x": 281.44240032550283,
                        "y": 273.04663968599993,
                        "parameters": {
                            "expression": "email===userEmail"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "email",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "userEmail",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "260bc7cb-70fb-cf09-981a-3e87111820d4",
                        "type": "Condition",
                        "x": 323.5405555690237,
                        "y": 483.5374159036045,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "afb257b0-d063-063f-4998-d225e5db6cec",
                        "type": "NavigationClosePopup",
                        "x": 877.5892838564746,
                        "y": 375.8540492574152,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -1838.507337795446,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Sign in or Sign up /Profile Created",
            "id": "91e64875-d2b2-b398-8415-5405bb897b97",
            "graph": {
                "connections": [
                    {
                        "fromId": "530e454d-21a5-9706-e958-d71e8ee1617d",
                        "fromProperty": "onClick",
                        "toId": "4b9e40f6-a97e-4c9f-ef57-4641337ba414",
                        "toProperty": "close"
                    }
                ],
                "roots": [
                    {
                        "id": "4b9e40f6-a97e-4c9f-ef57-4641337ba414",
                        "type": "NavigationClosePopup",
                        "x": 221.34915273296616,
                        "y": 261.2311952661972,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a5dc2191-eb00-305d-08ab-af914308a821",
                        "type": "Group",
                        "x": -51,
                        "y": -55,
                        "parameters": {
                            "backgroundColor": "Pop-up Grey Overlay",
                            "zIndex": 6
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "19a6ee44-b049-d9ae-401c-98683f9b67e2",
                                "type": "Group",
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "alignItems": "center",
                                    "paddingTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "position": "absolute",
                                    "alignY": "center",
                                    "borderRadius": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "zIndex": 6,
                                    "maxWidth": {
                                        "value": 560,
                                        "unit": "px"
                                    },
                                    "maxHeight": {
                                        "value": 640,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "fc3f38ad-51eb-9914-ee81-9687112c4353",
                                        "type": "Text",
                                        "variant": "Large Cyan Text",
                                        "label": "Profile created",
                                        "parameters": {
                                            "text": "Profile created",
                                            "textAlignX": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6eda6bfe-85c6-2665-a4a3-de7f06b59edd",
                                        "type": "Group",
                                        "label": "Image container",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignItems": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3c1ecfd4-a998-f628-b72c-31529d75b062",
                                                "type": "Image",
                                                "label": "Mail icon",
                                                "parameters": {
                                                    "src": "mail.svg"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "d14cc2a1-a244-e636-eef7-b94bc9da3437",
                                        "type": "Text",
                                        "label": "Verify with email",
                                        "parameters": {
                                            "text": "You must verify your email address before your comments and likes will show up. Check your inbox for an email from us to do so. ",
                                            "textAlignX": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "lineHeight": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "Dark Gray"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "530e454d-21a5-9706-e958-d71e8ee1617d",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Button Primary",
                                        "label": "Continue",
                                        "parameters": {
                                            "label": "Continue"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -2293.507337795446,
                    "y": 0
                }
            }
        },
        {
            "name": "/Pop-ups/Sign in or Sign up /Sign in",
            "id": "1376cf34-5f35-ec90-1146-d799cb1c493d",
            "graph": {
                "connections": [
                    {
                        "fromId": "124f7789-2af8-1091-80fa-47235464da1c",
                        "fromProperty": "onClick",
                        "toId": "981d3d9e-8e03-800b-1282-07b1e0eb0da3",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "cff182c1-2348-f0c6-6ced-67bf8ea2634e",
                        "fromProperty": "onClick",
                        "toId": "bb7741a3-658d-87f8-3dab-fa57db96c820",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "a2b10578-894d-2909-fa9c-4a8b8bfaf8a6",
                        "fromProperty": "onTextChanged",
                        "toId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
                        "toProperty": "username"
                    },
                    {
                        "fromId": "1a898f49-b8ee-7477-7ccb-0fcee6ac310f",
                        "fromProperty": "onTextChanged",
                        "toId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
                        "toProperty": "password"
                    },
                    {
                        "fromId": "7f0f34ba-ad37-b536-6446-df543f52d144",
                        "fromProperty": "onClick",
                        "toId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
                        "toProperty": "login"
                    },
                    {
                        "fromId": "8736e365-abd1-aa20-784b-5ae92c1d9841",
                        "fromProperty": "success",
                        "toId": "981d3d9e-8e03-800b-1282-07b1e0eb0da3",
                        "toProperty": "do"
                    }
                ],
                "roots": [
                    {
                        "id": "77e0bd7e-1483-11f5-8a17-40d6eeeedc8a",
                        "type": "Group",
                        "x": 23.93621131882867,
                        "y": 63.71295093472895,
                        "parameters": {
                            "alignItems": "center",
                            "paddingTop": {
                                "value": 48,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 48,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "backgroundColor": "#FFFFFF",
                            "scrollEnabled": true,
                            "marginLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 24,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 24,
                                "unit": "px"
                            },
                            "borderRadius": {
                                "value": 16,
                                "unit": "px"
                            },
                            "maxHeight": {
                                "value": 640,
                                "unit": "px"
                            },
                            "maxWidth": {
                                "value": 560,
                                "unit": "px"
                            },
                            "alignX": "center",
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "124f7789-2af8-1091-80fa-47235464da1c",
                                "type": "Group",
                                "parameters": {
                                    "alignItems": "flex-end",
                                    "sizeMode": "contentSize",
                                    "alignX": "right"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "95cda583-b331-7e06-32f8-7a19136fa895",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "close"
                                            },
                                            "iconColor": "Cyan Dark",
                                            "iconSize": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "530eed45-23ea-235c-5b53-01419782acde",
                                "type": "Text",
                                "variant": "Large Cyan Text",
                                "label": "Sign in",
                                "parameters": {
                                    "textAlignX": "center",
                                    "text": "Sign in"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "c83cd0ab-6663-153a-7fa5-5a5587986415",
                                "type": "Group",
                                "parameters": {
                                    "width": {
                                        "value": 120,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 120,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "1c208dbd-c2c9-280a-6c49-d931aff621f4",
                                        "type": "Image",
                                        "parameters": {
                                            "src": "profileIcon.svg",
                                            "alignX": "center",
                                            "sizeMode": "explicit",
                                            "objectFit": "contain"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "5babb510-9e24-52d5-5b36-0b462b46289e",
                                "type": "Text",
                                "label": "To post or like",
                                "parameters": {
                                    "textAlignX": "center",
                                    "text": "Sign in to post or like",
                                    "marginBottom": {
                                        "value": 40,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a2b10578-894d-2909-fa9c-4a8b8bfaf8a6",
                                "type": "net.noodl.controls.textinput",
                                "variant": "UI Text Input",
                                "label": "Username",
                                "parameters": {
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "1a898f49-b8ee-7477-7ccb-0fcee6ac310f",
                                "type": "net.noodl.controls.textinput",
                                "variant": "UI Text Input",
                                "label": "Password",
                                "parameters": {
                                    "label": "Password*",
                                    "placeholder": ""
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "3af916c0-921b-ddd0-f8c2-627d19429920",
                                "type": "Group",
                                "parameters": {
                                    "marginTop": {
                                        "value": 32,
                                        "unit": "px"
                                    },
                                    "alignItems": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7f0f34ba-ad37-b536-6446-df543f52d144",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Button Primary",
                                        "label": "Sign in",
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "label": "Sign in"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "cff182c1-2348-f0c6-6ced-67bf8ea2634e",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Clickable Text",
                                        "label": "Create a new profile",
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "label": "Create a new profile"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "bb7741a3-658d-87f8-3dab-fa57db96c820",
                        "type": "Set Variable",
                        "x": 404.81378382840694,
                        "y": 662.1617521156028,
                        "parameters": {
                            "name": "loginMethod",
                            "setWith": "string",
                            "value": "Sign Up"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "981d3d9e-8e03-800b-1282-07b1e0eb0da3",
                        "type": "Set Variable",
                        "x": 361.0503653627543,
                        "y": 92.99382001140253,
                        "parameters": {
                            "name": "loginMethod",
                            "setWith": "string",
                            "value": "None"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8736e365-abd1-aa20-784b-5ae92c1d9841",
                        "type": "net.noodl.user.LogIn",
                        "x": 437.33767636914877,
                        "y": 352.85853248458284,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 4494.381198466383,
                    "y": -67.82669532526948
                },
                "canvasSize": {
                    "width": "375px",
                    "height": "613px"
                }
            }
        },
        {
            "name": "/Pop-ups/Sign in or Sign up /Sign in or up Pop-up",
            "id": "d445d0ec-de40-5478-4e87-8e4edd4b0b3e",
            "graph": {
                "connections": [
                    {
                        "fromId": "6d30db48-abf2-3c96-9450-0b161017c499",
                        "fromProperty": "Sign Up Mounted",
                        "toId": "eba2f50c-4c9c-b96f-590e-a0d40d3cef6e",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "6d30db48-abf2-3c96-9450-0b161017c499",
                        "fromProperty": "Sign In Mounted",
                        "toId": "a48395f6-7b29-21d4-d379-e70c47679258",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "117a29da-733b-d0e3-d8db-6acdd405f817",
                        "fromProperty": "value",
                        "toId": "6d30db48-abf2-3c96-9450-0b161017c499",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "6d30db48-abf2-3c96-9450-0b161017c499",
                        "fromProperty": "reached-None",
                        "toId": "1fa620cd-1adf-5a8c-8c14-2dd13267940e",
                        "toProperty": "close"
                    }
                ],
                "roots": [
                    {
                        "id": "487b72b8-368b-e5e5-0155-7480b4ef0ea5",
                        "type": "Group",
                        "x": 0,
                        "y": 0,
                        "parameters": {
                            "zIndex": 5,
                            "backgroundColor": "Pop-up Grey Overlay"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "eba2f50c-4c9c-b96f-590e-a0d40d3cef6e",
                                "type": "Group",
                                "parameters": {
                                    "scrollEnabled": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7e5c4074-ad31-fded-27ae-9d5c1d9f2521",
                                        "type": "/Pop-ups/Sign in or Sign up /Sign up",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "a48395f6-7b29-21d4-d379-e70c47679258",
                                "type": "Group",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7b0e7c41-2e2d-a37b-d911-c33d96ed23fd",
                                        "type": "/Pop-ups/Sign in or Sign up /Sign in",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "6d30db48-abf2-3c96-9450-0b161017c499",
                        "type": "States",
                        "x": -271.7616680520725,
                        "y": 58.32975779828422,
                        "parameters": {
                            "states": "Sign Up,Sign In,None",
                            "values": "Sign Up Mounted,Sign In Mounted",
                            "type-Sign Up Mounted": "boolean",
                            "type-Sign In Mounted": "boolean",
                            "value-Sign Up-Sign Up Mounted": true,
                            "value-Sign In-Sign In Mounted": true,
                            "value-Sign Up-Sign In Mounted": false,
                            "value-Sign In-Sign Up Mounted": false
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Sign Up Mounted",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Sign Up Mounted",
                                "name": "type-Sign Up Mounted",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Sign In Mounted",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Sign In Mounted",
                                "name": "type-Sign In Mounted",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Sign Up Values",
                                "name": "value-Sign Up-Sign Up Mounted",
                                "displayName": "Sign Up Mounted",
                                "editorName": "Sign Up|Sign Up Mounted",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Sign Up Values",
                                "name": "value-Sign Up-Sign In Mounted",
                                "displayName": "Sign In Mounted",
                                "editorName": "Sign Up|Sign In Mounted",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Sign Up Transitions",
                                "name": "transitiondef-Sign Up",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Sign Up",
                                "name": "to-Sign Up",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Sign Up",
                                "name": "at-Sign Up",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Sign Up",
                                "name": "reached-Sign Up",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Sign In Values",
                                "name": "value-Sign In-Sign Up Mounted",
                                "displayName": "Sign Up Mounted",
                                "editorName": "Sign In|Sign Up Mounted",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Sign In Values",
                                "name": "value-Sign In-Sign In Mounted",
                                "displayName": "Sign In Mounted",
                                "editorName": "Sign In|Sign In Mounted",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Sign In Transitions",
                                "name": "transitiondef-Sign In",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Sign In",
                                "name": "to-Sign In",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Sign In",
                                "name": "at-Sign In",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Sign In",
                                "name": "reached-Sign In",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "None Values",
                                "name": "value-None-Sign Up Mounted",
                                "displayName": "Sign Up Mounted",
                                "editorName": "None|Sign Up Mounted",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "None Values",
                                "name": "value-None-Sign In Mounted",
                                "displayName": "Sign In Mounted",
                                "editorName": "None|Sign In Mounted",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "None Transitions",
                                "name": "transitiondef-None",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To None",
                                "name": "to-None",
                                "group": "Go to state",
                                "index": 25
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At None",
                                "name": "at-None",
                                "group": "Current state",
                                "index": 26
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached None",
                                "name": "reached-None",
                                "group": "Current state",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Sign Up",
                                        "Sign In",
                                        "None"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Sign Up",
                                "index": 28
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "117a29da-733b-d0e3-d8db-6acdd405f817",
                        "type": "Variable2",
                        "x": -511.90147064270815,
                        "y": 54.84947080421705,
                        "parameters": {
                            "name": "loginMethod"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1fa620cd-1adf-5a8c-8c14-2dd13267940e",
                        "type": "NavigationClosePopup",
                        "x": -31.621865461436812,
                        "y": -129.60573988134365,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3346.727841715516,
                    "y": 518.8008062259569
                }
            }
        },
        {
            "name": "/Pop-ups/Sign in or Sign up /Sign up",
            "id": "b1aae751-c807-5810-24b2-97b85f757d59",
            "graph": {
                "connections": [
                    {
                        "fromId": "1ba0ef53-512a-526b-eaba-623b69cceb76",
                        "fromProperty": "onClick",
                        "toId": "4657bdc9-aefa-eb21-9a3e-31f593afe004",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "3c21598f-1a91-84a8-f20c-81069fa2099d",
                        "fromProperty": "onClick",
                        "toId": "ea14dbc5-92c5-b2e3-c42f-1c9711360236",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
                        "fromProperty": "onClick",
                        "toId": "25c85ea4-5754-75c0-4339-92e49ca1eacf",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "ad9fa8d7-a3ca-3653-f4ef-6eeb0975b199",
                        "fromProperty": "onTextChanged",
                        "toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
                        "toProperty": "username"
                    },
                    {
                        "fromId": "b38f05a0-f002-8192-2256-7f42107c236c",
                        "fromProperty": "checked",
                        "toId": "fb830cb2-8410-a6cd-8a39-189abc430337",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
                        "fromProperty": "onClick",
                        "toId": "fb830cb2-8410-a6cd-8a39-189abc430337",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "fb830cb2-8410-a6cd-8a39-189abc430337",
                        "fromProperty": "ontrue",
                        "toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
                        "toProperty": "signup"
                    },
                    {
                        "fromId": "2e2f9947-1cea-6520-b884-4a08e52569f9",
                        "fromProperty": "input type",
                        "toId": "ecff6598-f135-8507-1e0a-d7ccc11cc1a5",
                        "toProperty": "type"
                    },
                    {
                        "fromId": "e1920626-eb21-b7ee-e25e-43530a4eb16c",
                        "fromProperty": "onClick",
                        "toId": "2e2f9947-1cea-6520-b884-4a08e52569f9",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "b38f05a0-f002-8192-2256-7f42107c236c",
                        "fromProperty": "checked",
                        "toId": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
                        "toProperty": "enabled"
                    },
                    {
                        "fromId": "34161ea1-c4fd-b67f-8edc-03b4a259b32c",
                        "fromProperty": "onTextChanged",
                        "toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
                        "toProperty": "email"
                    },
                    {
                        "fromId": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
                        "fromProperty": "email",
                        "toId": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
                        "toProperty": "email"
                    },
                    {
                        "fromId": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
                        "fromProperty": "success",
                        "toId": "137828ad-ccbd-7348-5d31-8b90604c328e",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "ecff6598-f135-8507-1e0a-d7ccc11cc1a5",
                        "fromProperty": "onTextChanged",
                        "toId": "33dc8173-3432-13af-ca09-6090325c9e8b",
                        "toProperty": "password"
                    },
                    {
                        "fromId": "33dc8173-3432-13af-ca09-6090325c9e8b",
                        "fromProperty": "success",
                        "toId": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
                        "toProperty": "fetch"
                    },
                    {
                        "fromId": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
                        "fromProperty": "fetched",
                        "toId": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
                        "toProperty": "send"
                    },
                    {
                        "fromId": "843dc023-aab3-ddac-cd6b-8476cc702627",
                        "fromProperty": "this",
                        "toId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
                        "toProperty": "in-ref"
                    },
                    {
                        "fromId": "843dc023-aab3-ddac-cd6b-8476cc702627",
                        "fromProperty": "didMount",
                        "toId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
                        "fromProperty": "out-linkName",
                        "toId": "f4bb0d5a-fc6d-8a7d-c44d-03087b0d0348",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
                        "fromProperty": "out-clicked",
                        "toId": "57a24a7d-42b0-f57b-cad3-60558b3dfa86",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "f4bb0d5a-fc6d-8a7d-c44d-03087b0d0348",
                        "fromProperty": "mappedString",
                        "toId": "57a24a7d-42b0-f57b-cad3-60558b3dfa86",
                        "toProperty": "popupParam-Type"
                    },
                    {
                        "fromId": "33dc8173-3432-13af-ca09-6090325c9e8b",
                        "fromProperty": "success",
                        "toId": "9168e008-8e61-9c75-366b-97289da0c7f0",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "4657bdc9-aefa-eb21-9a3e-31f593afe004",
                        "type": "Set Variable",
                        "x": 690.9987241369142,
                        "y": 1315.6402531854642,
                        "parameters": {
                            "name": "loginMethod",
                            "setWith": "string",
                            "value": "Sign In"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ea14dbc5-92c5-b2e3-c42f-1c9711360236",
                        "type": "Set Variable",
                        "x": 646.89443023353,
                        "y": 328.0299339043786,
                        "parameters": {
                            "name": "loginMethod",
                            "setWith": "string",
                            "value": "None"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "137828ad-ccbd-7348-5d31-8b90604c328e",
                        "type": "NavigationShowPopup",
                        "x": 1357.9407895878196,
                        "y": 496.52673550706834,
                        "parameters": {
                            "target": "/Pop-ups/Sign in or Sign up /Profile Created"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f488a26f-f3bf-ada8-858f-9ba3fe6caa7d",
                        "type": "Group",
                        "x": 242.77007969545525,
                        "y": 270.90868183117493,
                        "parameters": {
                            "alignItems": "center",
                            "paddingTop": {
                                "value": 48,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 48,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "backgroundColor": "#FFFFFF",
                            "marginLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 24,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 24,
                                "unit": "px"
                            },
                            "borderRadius": {
                                "value": 16,
                                "unit": "px"
                            },
                            "scrollEnabled": true,
                            "alignX": "center",
                            "maxWidth": {
                                "value": 560,
                                "unit": "px"
                            },
                            "maxHeight": {
                                "value": 640,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3c21598f-1a91-84a8-f20c-81069fa2099d",
                                "type": "Group",
                                "parameters": {
                                    "alignItems": "flex-end",
                                    "sizeMode": "contentSize",
                                    "alignX": "right"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "069001dc-f2c2-d378-5028-06a2cc86010e",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "close"
                                            },
                                            "iconColor": "Cyan Dark",
                                            "iconSize": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "e1ce620b-fe1e-f052-030e-42fa40afc2ae",
                                "type": "Text",
                                "variant": "Large Cyan Text",
                                "label": "Create your profile",
                                "parameters": {
                                    "textAlignX": "center",
                                    "text": "Create your profile"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "2491604b-8282-a214-dd88-b2544a2c6f4a",
                                "type": "Group",
                                "parameters": {
                                    "width": {
                                        "value": 120,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 120,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0fc3f142-1ec0-0e80-e006-ddd34851054d",
                                        "type": "Image",
                                        "parameters": {
                                            "src": "profileIcon.svg",
                                            "alignX": "center",
                                            "sizeMode": "explicit",
                                            "objectFit": "contain"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "ce0b7722-4853-26f4-93a8-835d3c5192a9",
                                "type": "Text",
                                "label": "To post or like",
                                "parameters": {
                                    "textAlignX": "center",
                                    "text": "To post or like you require a profile",
                                    "marginBottom": {
                                        "value": 40,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "ad9fa8d7-a3ca-3653-f4ef-6eeb0975b199",
                                "type": "net.noodl.controls.textinput",
                                "variant": "UI Text Input",
                                "label": "Username",
                                "parameters": {
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "label": "Username",
                                    "type": "text",
                                    "placeholder": "Ciara"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "34161ea1-c4fd-b67f-8edc-03b4a259b32c",
                                "type": "net.noodl.controls.textinput",
                                "variant": "UI Text Input",
                                "label": "Email",
                                "parameters": {
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "label": "Email address"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "dbd8230d-3512-382d-a9c4-bf18a025061b",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ecff6598-f135-8507-1e0a-d7ccc11cc1a5",
                                        "type": "net.noodl.controls.textinput",
                                        "variant": "UI Text Input",
                                        "label": "Password",
                                        "parameters": {
                                            "label": "Password",
                                            "placeholder": "",
                                            "type": "password",
                                            "useIcon": true,
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "remove_red_eye"
                                            },
                                            "iconPlacement": "right",
                                            "iconColor": "Cyan Dark"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "e1920626-eb21-b7ee-e25e-43530a4eb16c",
                                        "type": "Group",
                                        "label": "Hide Show Password",
                                        "parameters": {
                                            "height": {
                                                "value": 40,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 40,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "transparent",
                                            "position": "absolute",
                                            "alignX": "right",
                                            "alignY": "center",
                                            "marginTop": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "4207fcda-3b50-446e-60c7-31e307ece6fd",
                                "type": "Group",
                                "parameters": {
                                    "marginTop": {
                                        "value": 32,
                                        "unit": "px"
                                    },
                                    "alignItems": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ead1e856-8b35-58c1-0b23-c7ad03d3ba58",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "justifyContent": "center",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b38f05a0-f002-8192-2256-7f42107c236c",
                                                "type": "net.noodl.controls.checkbox",
                                                "variant": "UI Checkbox",
                                                "label": "Agree to ToS",
                                                "parameters": {
                                                    "marginBottom": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "label": "I agree to the Shine Privacy Policy and TOS",
                                                    "labelfontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "useLabel": false,
                                                    "marginRight": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "d617927b-e677-8747-97cd-897c1d2abbd8",
                                                "type": "Group",
                                                "parameters": {
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "843dc023-aab3-ddac-cd6b-8476cc702627",
                                                        "type": "Markdown",
                                                        "parameters": {
                                                            "source": "I agree for my story to be used on this site  and to the Shine [Privacy Policy]() and [TOS]()",
                                                            "cssClassName": "termsAndConds"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "21e982a4-d0a1-7f97-0019-30c0ba01c3e8",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Button Primary",
                                        "label": "Create profile",
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "label": "Create profile"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "1ba0ef53-512a-526b-eaba-623b69cceb76",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Clickable Text",
                                        "label": "Sign in with existing profile",
                                        "parameters": {},
                                        "stateParameters": {},
                                        "stateTransitions": {},
                                        "defaultStateTransitions": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "25c85ea4-5754-75c0-4339-92e49ca1eacf",
                        "type": "Set Variable",
                        "x": 699.1862173465554,
                        "y": 1179.7817137460447,
                        "parameters": {
                            "name": "loginMethod",
                            "setWith": "string",
                            "value": "None"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "33dc8173-3432-13af-ca09-6090325c9e8b",
                        "type": "net.noodl.user.SignUp",
                        "x": 743.7474865073552,
                        "y": 473.7010943491317,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fb830cb2-8410-a6cd-8a39-189abc430337",
                        "type": "Condition",
                        "x": 728.0889619613802,
                        "y": 881.2239522751017,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2e2f9947-1cea-6520-b884-4a08e52569f9",
                        "type": "States",
                        "x": 740.0276051022162,
                        "y": 743.4187895040393,
                        "parameters": {
                            "states": "Hide Pword,Show Pword",
                            "values": "input type",
                            "type-input type": "string",
                            "value-Hide Pword-input type": "Password",
                            "value-Show Pword-input type": "Text"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "string",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "input type",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "input type",
                                "name": "type-input type",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "string",
                                "group": "Hide Pword Values",
                                "name": "value-Hide Pword-input type",
                                "displayName": "input type",
                                "editorName": "Hide Pword|input type",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Hide Pword Transitions",
                                "name": "transitiondef-Hide Pword",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hide Pword",
                                "name": "to-Hide Pword",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hide Pword",
                                "name": "at-Hide Pword",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hide Pword",
                                "name": "reached-Hide Pword",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "string",
                                "group": "Show Pword Values",
                                "name": "value-Show Pword-input type",
                                "displayName": "input type",
                                "editorName": "Show Pword|input type",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Show Pword Transitions",
                                "name": "transitiondef-Show Pword",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Show Pword",
                                "name": "to-Show Pword",
                                "group": "Go to state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Show Pword",
                                "name": "at-Show Pword",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Show Pword",
                                "name": "reached-Show Pword",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hide Pword",
                                        "Show Pword"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Hide Pword",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f4e991ef-0ff8-d969-3ea2-87ab18b20002",
                        "type": "net.noodl.user.SendEmailVerification",
                        "x": 1051.0100921147596,
                        "y": 466.8768751819364,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3f681e59-aef1-5ecb-8ace-908c4d42fec0",
                        "type": "net.noodl.user.User",
                        "x": 1049.4529751420262,
                        "y": 600.2146141345221,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "57a24a7d-42b0-f57b-cad3-60558b3dfa86",
                        "type": "NavigationShowPopup",
                        "x": 1686.1749471910275,
                        "y": 1124.715889019564,
                        "parameters": {
                            "target": "/Pop-ups/Privacy/Terms of Use Popup"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "popupParam-Type",
                                "displayName": "Type",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "69e92ede-7b48-ea98-2fd1-65ca9dec47ff",
                        "type": "JavaScriptFunction",
                        "x": 1375.2939884938048,
                        "y": 1145.0935506160472,
                        "parameters": {
                            "functionScript": "var markdownDomElement = Inputs.ref.getDOMElement();\n\nvar links = markdownDomElement.querySelectorAll(\"a\");\n\n\nlinks.forEach(link => {\n  link.addEventListener(\"click\", function () {\n      event.preventDefault();\n    Outputs.linkName = link.innerText;\n    Outputs.clicked();\n  });\n});\n\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-ref",
                                "displayName": "ref",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-clicked",
                                "displayName": "clicked",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "out-linkName",
                                "displayName": "linkName",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f4bb0d5a-fc6d-8a7d-c44d-03087b0d0348",
                        "type": "String Mapper",
                        "x": 1706.3351964416981,
                        "y": 1001.9998359092181,
                        "parameters": {
                            "input 0": "TOS",
                            "output 0": "tos",
                            "input 1": "Privacy Policy",
                            "output 1": "privacy"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "input 0",
                                "displayName": "Input 0",
                                "type": "string",
                                "plug": "input",
                                "group": "Inputs",
                                "index": 10
                            },
                            {
                                "name": "input 1",
                                "displayName": "Input 1",
                                "type": "string",
                                "plug": "input",
                                "group": "Inputs",
                                "index": 11
                            },
                            {
                                "name": "input 2",
                                "displayName": "Input 2",
                                "type": "string",
                                "plug": "input",
                                "group": "Inputs",
                                "index": 12
                            },
                            {
                                "name": "output 0",
                                "displayName": "Mapping 0",
                                "type": "string",
                                "plug": "input",
                                "group": "Mappings",
                                "index": 1001
                            },
                            {
                                "name": "output 1",
                                "displayName": "Mapping 1",
                                "type": "string",
                                "plug": "input",
                                "group": "Mappings",
                                "index": 1002
                            },
                            {
                                "name": "output 2",
                                "displayName": "Mapping 2",
                                "type": "string",
                                "plug": "input",
                                "group": "Mappings",
                                "index": 1003
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f4753d07-7d40-72c1-220d-0d89bee18735",
                        "type": "CSS Definition",
                        "x": 1134.1770752150676,
                        "y": 979.9278106392369,
                        "parameters": {
                            "style": ".termsAndConds {\n    font-family: Inter;\n    font-weight:500;\n    font-size:16px;\n    \n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9168e008-8e61-9c75-366b-97289da0c7f0",
                        "type": "Event Sender",
                        "x": 1050.3742804165122,
                        "y": 770.8881090337788,
                        "parameters": {
                            "channelName": "Signed Up"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 4490.839151430162,
                    "y": 788.6322409282349
                },
                "canvasSize": {
                    "width": "641px",
                    "height": "auto"
                }
            }
        },
        {
            "name": "/Visual Components/Article/Article",
            "id": "adab817a-ff0e-c294-04d0-f51a9c1f538e",
            "graph": {
                "connections": [
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "bodyTextMd",
                        "toId": "1f7b0595-12c9-65ca-38ea-cde41289bd7f",
                        "toProperty": "source"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "coverImage",
                        "toId": "475c2501-0d45-a628-6f68-631d036fbc01",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "publishedAt",
                        "toId": "52197658-a3dc-b47d-11fc-ad6161c6924d",
                        "toProperty": "in-date"
                    },
                    {
                        "fromId": "52197658-a3dc-b47d-11fc-ad6161c6924d",
                        "fromProperty": "out-formattedDate",
                        "toId": "6d2dcbad-19b0-66b4-a6e6-3ad51a98864b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "498658f0-fb26-5842-73f5-bf2f32aced61",
                        "fromProperty": "screenPositionY",
                        "toId": "7922d8f3-af7d-c165-345d-13510f66879e",
                        "toProperty": "inputValue"
                    },
                    {
                        "fromId": "7922d8f3-af7d-c165-345d-13510f66879e",
                        "fromProperty": "remappedValue",
                        "toId": "498658f0-fb26-5842-73f5-bf2f32aced61",
                        "toProperty": "paddingTop"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "author",
                        "toId": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
                        "toProperty": "author"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "verified",
                        "toId": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
                        "toProperty": "verifiedBy"
                    },
                    {
                        "fromId": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
                        "fromProperty": "formatted",
                        "toId": "4d325072-4e40-2070-fecd-ea8c956f29ca",
                        "toProperty": "source"
                    },
                    {
                        "fromId": "475c2501-0d45-a628-6f68-631d036fbc01",
                        "fromProperty": "boundingHeight",
                        "toId": "1536049f-c30f-8093-c1b1-a30894abc0e9",
                        "toProperty": "Image Height"
                    },
                    {
                        "fromId": "475c2501-0d45-a628-6f68-631d036fbc01",
                        "fromProperty": "screenPositionY",
                        "toId": "1536049f-c30f-8093-c1b1-a30894abc0e9",
                        "toProperty": "Image Screen Pos Y"
                    },
                    {
                        "fromId": "1536049f-c30f-8093-c1b1-a30894abc0e9",
                        "fromProperty": "Mounted",
                        "toId": "5e16c28c-9a38-ef71-cae5-e07d3ec6c452",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "References",
                        "toId": "09ec8d50-a79a-f602-0d2e-eeb4ae43aa7b",
                        "toProperty": "Reference Markdown"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "articleId",
                        "toId": "48e0b5f6-f660-1c55-3a9f-52ede1fa4cf1",
                        "toProperty": "parent_id"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "articleId",
                        "toId": "d594b52b-868e-ec0d-0826-221d2680947f",
                        "toProperty": "articleId"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "articleId",
                        "toId": "628e681e-a92e-3d83-c37d-44d42c746116",
                        "toProperty": "qp-MyInput"
                    },
                    {
                        "fromId": "b2b07330-85dd-6c35-33b2-bc3a94d305ce",
                        "fromProperty": "didMount",
                        "toId": "628e681e-a92e-3d83-c37d-44d42c746116",
                        "toProperty": "storageFetch"
                    },
                    {
                        "fromId": "628e681e-a92e-3d83-c37d-44d42c746116",
                        "fromProperty": "firstItemId",
                        "toId": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
                        "fromProperty": "id",
                        "toId": "d594b52b-868e-ec0d-0826-221d2680947f",
                        "toProperty": "articleObjId"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "Mounted",
                        "toId": "b2b07330-85dd-6c35-33b2-bc3a94d305ce",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
                        "fromProperty": "id",
                        "toId": "6e87a45f-b49c-527d-a766-85601257c92e",
                        "toProperty": "articleObjId"
                    },
                    {
                        "fromId": "d594b52b-868e-ec0d-0826-221d2680947f",
                        "fromProperty": "Comments Clicked",
                        "toId": "e3541e81-69f4-9362-124f-638b9aa4710d",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "09ec8d50-a79a-f602-0d2e-eeb4ae43aa7b",
                        "fromProperty": "Reference",
                        "toId": "e3541e81-69f4-9362-124f-638b9aa4710d",
                        "toProperty": "in-ref"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "footerText",
                        "toId": "b22047aa-63f7-521a-2a72-2299292fccea",
                        "toProperty": "source"
                    },
                    {
                        "fromId": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "fromProperty": "title",
                        "toId": "de810a44-152c-6890-0a7c-e32d153924c2",
                        "toProperty": "prop-articleTitle"
                    }
                ],
                "roots": [
                    {
                        "id": "b2b07330-85dd-6c35-33b2-bc3a94d305ce",
                        "type": "Group",
                        "x": 0,
                        "y": 0,
                        "parameters": {
                            "clip": false,
                            "scrollEnabled": false,
                            "alignItems": "center",
                            "paddingBottom": {
                                "value": 24,
                                "unit": "px"
                            },
                            "sizeMode": "explicit"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1536049f-c30f-8093-c1b1-a30894abc0e9",
                                "type": "/Visual Components/Article/Article Page Header",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "d3e07743-6b70-cde2-d8ae-095ea8946ddf",
                                "type": "Group",
                                "label": "Article Header Area",
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "scrollEnabled": false,
                                    "position": "relative",
                                    "maxWidth": {
                                        "value": 1000,
                                        "unit": "px"
                                    },
                                    "alignItems": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "475c2501-0d45-a628-6f68-631d036fbc01",
                                        "type": "Image",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "width": {
                                                "value": 100,
                                                "unit": "%"
                                            },
                                            "alignX": "center",
                                            "position": "relative"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "498658f0-fb26-5842-73f5-bf2f32aced61",
                                        "type": "Group",
                                        "label": "Group",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "backgroundColor": "#FFFFFF",
                                            "borderBottomStyle": "none",
                                            "boxShadowInset": false,
                                            "boxShadowOffsetY": {
                                                "value": 5,
                                                "unit": "px"
                                            },
                                            "boxShadowSpreadRadius": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "styleCss": "/* background-color: red; */\nbox-shadow: 0 5px 2px -2px #e7e7e7;",
                                            "width": {
                                                "value": 100,
                                                "unit": "%",
                                                "isFixed": false
                                            },
                                            "zIndex": 2,
                                            "position": "sticky",
                                            "paddingTop": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "alignY": "top",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "de810a44-152c-6890-0a7c-e32d153924c2",
                                                "type": "module.inlineHtml",
                                                "parameters": {
                                                    "html": "<h1>{{articleTitle}}</h1>",
                                                    "styleCss": "/* background-color: red; */\n",
                                                    "cssClassName": "titleArticle"
                                                },
                                                "ports": [],
                                                "dynamicports": [
                                                    {
                                                        "name": "prop-articleTitle",
                                                        "displayName": "articleTitle",
                                                        "group": "Variables",
                                                        "type": "*",
                                                        "plug": "input",
                                                        "index": 14
                                                    }
                                                ],
                                                "children": []
                                            },
                                            {
                                                "id": "5e16c28c-9a38-ef71-cae5-e07d3ec6c452",
                                                "type": "Group",
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "height": {
                                                        "value": 72,
                                                        "unit": "px"
                                                    },
                                                    "flexWrap": "wrap"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "4d325072-4e40-2070-fecd-ea8c956f29ca",
                                                        "type": "Markdown",
                                                        "parameters": {
                                                            "cssClassName": "info"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "6d2dcbad-19b0-66b4-a6e6-3ad51a98864b",
                                                        "type": "Text",
                                                        "parameters": {
                                                            "fontFamily": "Inter-Bold.ttf",
                                                            "fontSize": {
                                                                "value": 13,
                                                                "unit": "px"
                                                            },
                                                            "color": "#505758",
                                                            "marginLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "d594b52b-868e-ec0d-0826-221d2680947f",
                                                "type": "/Visual Components/Article/Like Comment Share Component",
                                                "parameters": {
                                                    "numLikes": "0"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "4f878d89-4457-ca78-8e05-6d33ec7a52ed",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignItems": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1f7b0595-12c9-65ca-38ea-cde41289bd7f",
                                                "type": "Markdown",
                                                "parameters": {
                                                    "cssClassName": "article"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "faf82dfd-45e1-974a-32ce-ae13e4891dc6",
                                        "type": "Group",
                                        "label": "Divider",
                                        "parameters": {
                                            "height": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#EDEDED",
                                            "borderRadius": {
                                                "value": 5,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 90,
                                                "unit": "%"
                                            },
                                            "alignX": "center",
                                            "marginBottom": {
                                                "value": 32,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "09ec8d50-a79a-f602-0d2e-eeb4ae43aa7b",
                                        "type": "/Visual Components/Article/Reference Component",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ee18c745-5db9-df18-dab1-df00cb1b236d",
                                        "type": "Group",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "48e0b5f6-f660-1c55-3a9f-52ede1fa4cf1",
                                                "type": "/Visual Components/Article/Comments",
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "6e87a45f-b49c-527d-a766-85601257c92e",
                                        "type": "/Visual Components/Article/Rating/Rating Component",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ba513083-1ed4-f55b-6654-ad98df47f221",
                                        "type": "Group",
                                        "label": "Footer",
                                        "parameters": {
                                            "alignItems": "center",
                                            "paddingLeft": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 32,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b22047aa-63f7-521a-2a72-2299292fccea",
                                                "type": "Markdown",
                                                "parameters": {
                                                    "cssClassName": "footer"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8ecb74ea-2e38-8617-5c75-13cca3eb8603",
                        "type": "Component Inputs",
                        "x": -575.3849128901966,
                        "y": 537.0473079713851,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "bodyTextMd",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "coverImage",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "author",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "verified",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "publishedAt",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 7
                            },
                            {
                                "name": "References",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 8
                            },
                            {
                                "name": "articleObjectId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 9
                            },
                            {
                                "name": "articleId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 10
                            },
                            {
                                "name": "footerText",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 11
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cc916008-bdba-0a3c-3cf7-174f68dcfe65",
                        "type": "CSS Definition",
                        "x": -559.8395349442089,
                        "y": 431.41844242144265,
                        "parameters": {
                            "style": ".article{\n    margin:0px;\n    padding:0px;\n    font-family:Inter;\n    font-size:16px;\n    color:#505758;\n    padding:24px;\n    width:100%;\n    max-width:1000px;\n    height:100%;\n}\n\n.article h3{\n    color:#379EA5;\n    font-size:19px;\n}\n\n.article ul{\n    font-family:Inter;\n    font-size:16px;\n    padding-inline-start: 32px;\n}\n\n\n.article img{\n   width:100%;\n   height:auto;\n   margin:0 auto;\n   max-width:600px;\n   display:block;\n}\n\n.article .imgDesc{\n    margin-top:-1em;\n    padding-left:1em;\n    color:#505758;\n    font-size:13px;\n}\n\n.footer{\n    font-family:Inter;\n    font-size:13px;\n    color:black;\n    line-height:20px;\n    \n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "52197658-a3dc-b47d-11fc-ad6161c6924d",
                        "type": "JavaScriptFunction",
                        "x": -499.2014628923682,
                        "y": 948.869359696762,
                        "parameters": {
                            "functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do YYYY\")\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-date",
                                "displayName": "date",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-formattedDate",
                                "displayName": "formattedDate",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7922d8f3-af7d-c165-345d-13510f66879e",
                        "type": "Number Remapper",
                        "x": 321.7705327401352,
                        "y": 390.65065354351316,
                        "parameters": {
                            "maxInputValue": 100,
                            "maxOutputValue": 24,
                            "minOutputValue": 100
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8f42c664-50f0-cf1e-8764-e4a3151c3404",
                        "type": "String Format",
                        "x": -203.9518439874593,
                        "y": 625.8719378924455,
                        "parameters": {
                            "format": "By <span>{author}</span> - Verified by  <span>{verifiedBy}</span>"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "author",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "verifiedBy",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6618fdd0-6eef-2e82-6113-bf3c474759a0",
                        "type": "CSS Definition",
                        "x": -370.6702464949774,
                        "y": 425.9524428075569,
                        "parameters": {
                            "style": ".info {\n  font-family:Inter;\n  font-size:13px;\n  color:#505758;\n}\n\n.info span{\n  color:#539CA0;  \n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d876b99e-1a92-8961-1f9a-2706d7dc7fdb",
                        "type": "Model2",
                        "label": "currentArticle",
                        "x": -850.0758668839255,
                        "y": 886.9836147719959,
                        "parameters": {
                            "properties": "likes_count,article_id"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-likes_count",
                                "displayName": "likes_count",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "likes_count Changed",
                                "name": "changed-likes_count",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-article_id",
                                "displayName": "article_id",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "article_id Changed",
                                "name": "changed-article_id",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "628e681e-a92e-3d83-c37d-44d42c746116",
                        "type": "DbCollection2",
                        "x": -832.5282762944611,
                        "y": 730.1520238786559,
                        "parameters": {
                            "collectionName": "Article",
                            "visualFilter": {
                                "combinator": "or",
                                "rules": [
                                    {
                                        "combinator": "and",
                                        "rules": [
                                            {
                                                "property": "article_id",
                                                "operator": "equal to",
                                                "input": "MyInput"
                                            }
                                        ]
                                    }
                                ]
                            }
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "displayName": "Class",
                                "plug": "input",
                                "group": "General",
                                "index": 6
                            },
                            {
                                "name": "storageFilterType",
                                "type": {
                                    "name": "enum",
                                    "allowEditOnly": true,
                                    "enums": [
                                        {
                                            "value": "simple",
                                            "label": "Visual"
                                        },
                                        {
                                            "value": "json",
                                            "label": "Javascript"
                                        }
                                    ]
                                },
                                "displayName": "Filter",
                                "default": "simple",
                                "plug": "input",
                                "group": "General",
                                "index": 7
                            },
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageEnableLimit",
                                "displayName": "Use limit",
                                "index": 8
                            },
                            {
                                "type": "signal",
                                "plug": "input",
                                "group": "Actions",
                                "name": "storageFetch",
                                "displayName": "Do",
                                "index": 9
                            },
                            {
                                "name": "visualFilter",
                                "plug": "input",
                                "type": {
                                    "name": "query-filter",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "article_id": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "likes_count": {
                                                "type": "Number",
                                                "required": false
                                            },
                                            "ratings": {
                                                "type": "Object",
                                                "required": false
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Filter",
                                "group": "Filter",
                                "index": 10
                            },
                            {
                                "name": "visualSort",
                                "plug": "input",
                                "type": {
                                    "name": "query-sorting",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "article_id": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "likes_count": {
                                                "type": "Number",
                                                "required": false
                                            },
                                            "ratings": {
                                                "type": "Object",
                                                "required": false
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Sort",
                                "group": "Sorting",
                                "index": 11
                            },
                            {
                                "name": "qp-MyInput",
                                "plug": "input",
                                "type": "*",
                                "displayName": "MyInput",
                                "group": "Query Parameters",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e3541e81-69f4-9362-124f-638b9aa4710d",
                        "type": "JavaScriptFunction",
                        "x": 552.5278910933544,
                        "y": 1001.4487373311574,
                        "parameters": {
                            "functionScript": "var element = Inputs.ref.getDOMElement();\n\n\nelement.scrollIntoView(true)\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-ref",
                                "displayName": "ref",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4e581e25-9fc8-0f2f-45c3-39bbe1c901af",
                        "type": "CSS Definition",
                        "x": 262.14048401326045,
                        "y": 537.6250063649132,
                        "parameters": {
                            "style": ".titleArticle {\n    font-family:Inter;\n    font-weight:700;\n    font-size:10px;\n    color:#379EA5;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 1659,
                    "y": -20
                }
            }
        },
        {
            "name": "/Visual Components/Article/Article Page Header",
            "id": "9980f559-4188-0fc1-1b4d-e8e7cb54ad6d",
            "graph": {
                "connections": [
                    {
                        "fromId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
                        "fromProperty": "Height",
                        "toId": "4ab9dffd-406f-9114-e028-cce8284fabe1",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
                        "fromProperty": "Font Size",
                        "toId": "9ed73713-69e1-d037-b80c-8ea4851b1849",
                        "toProperty": "fontSize"
                    },
                    {
                        "fromId": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
                        "fromProperty": "onfalse",
                        "toId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
                        "toProperty": "to-Tall"
                    },
                    {
                        "fromId": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
                        "fromProperty": "ontrue",
                        "toId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
                        "toProperty": "to-Short"
                    },
                    {
                        "fromId": "2c4e83bb-be11-ebfb-646e-00c996777de5",
                        "fromProperty": "Author Section Height",
                        "toId": "a99cdc29-6d08-8a1d-483a-65af63358d8a",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "c397811b-7df5-4ae3-08d5-730057be7d37",
                        "fromProperty": "authenticated",
                        "toId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
                        "fromProperty": "onfalse",
                        "toId": "e060ac95-7801-e0ac-a548-69237e7c298f",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "e060ac95-7801-e0ac-a548-69237e7c298f",
                        "fromProperty": "done",
                        "toId": "2cccab2a-44d6-b26c-20b6-94ba04e91a6b",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
                        "fromProperty": "ontrue",
                        "toId": "e577c8e5-e491-b378-a639-45a13216db88",
                        "toProperty": "navigate"
                    },
                    {
                        "fromId": "16a8d1dc-cefe-9abb-20ec-fd6553922695",
                        "fromProperty": "value",
                        "toId": "cb19dc02-9724-a0c8-6c1c-75d9d0b13e16",
                        "toProperty": "pageTitle"
                    },
                    {
                        "fromId": "cb19dc02-9724-a0c8-6c1c-75d9d0b13e16",
                        "fromProperty": "result",
                        "toId": "75b15669-055a-c480-b00d-00cab1d61fed",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "09fe9a31-9095-badd-6c70-94216a47dedc",
                        "fromProperty": "onClick",
                        "toId": "75b15669-055a-c480-b00d-00cab1d61fed",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "75b15669-055a-c480-b00d-00cab1d61fed",
                        "fromProperty": "onfalse",
                        "toId": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "75b15669-055a-c480-b00d-00cab1d61fed",
                        "fromProperty": "ontrue",
                        "toId": "94e331df-fa21-e4a8-0534-dc2c74ca53b2",
                        "toProperty": "navigate"
                    },
                    {
                        "fromId": "aab39e67-e1e8-5d18-6d09-6b331fc68915",
                        "fromProperty": "value",
                        "toId": "94e331df-fa21-e4a8-0534-dc2c74ca53b2",
                        "toProperty": "pm-slug"
                    },
                    {
                        "fromId": "6c3df549-744a-196f-4123-9858262c782a",
                        "fromProperty": "Image Screen Pos Y",
                        "toId": "abae5a29-9876-236e-e53c-6619b98a6b2d",
                        "toProperty": "screenPos"
                    },
                    {
                        "fromId": "abae5a29-9876-236e-e53c-6619b98a6b2d",
                        "fromProperty": "result",
                        "toId": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
                        "toProperty": "condition"
                    }
                ],
                "roots": [
                    {
                        "id": "4ab9dffd-406f-9114-e028-cce8284fabe1",
                        "type": "Group",
                        "label": "Page Header",
                        "x": 47,
                        "y": -117,
                        "parameters": {
                            "position": "sticky",
                            "sizeMode": "explicit",
                            "backgroundColor": "Cyan Dark",
                            "height": {
                                "value": 100,
                                "unit": "px"
                            },
                            "zIndex": 3,
                            "clip": false,
                            "justifyContent": "center"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "6bdda72d-392d-fa6a-326a-bfc0bab04d98",
                                "type": "Image",
                                "parameters": {
                                    "src": "header_pattern.png",
                                    "position": "absolute",
                                    "sizeMode": "explicit",
                                    "objectFit": "cover",
                                    "mixBlendMode": "multiply"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "7251a58c-b5fa-6ad5-f13f-3a31d3e0f0ca",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "justifyContent": "space-between",
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "alignItems": "flex-start",
                                    "sizeMode": "contentHeight",
                                    "paddingBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "729e458d-470d-21ca-f10b-ef07e4e5fd43",
                                        "type": "net.noodl.visual.icon",
                                        "label": "Menu Icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "dehaze"
                                            },
                                            "iconSize": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "styleCss": "/* background-color: red; */\ncursor:pointer;",
                                            "marginTop": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "9ed73713-69e1-d037-b80c-8ea4851b1849",
                                        "type": "Text",
                                        "label": "Shine Logo",
                                        "parameters": {
                                            "fontFamily": "Rakkas-Regular.ttf",
                                            "text": "Shine",
                                            "fontSize": {
                                                "value": 66,
                                                "unit": "px"
                                            },
                                            "color": "#FFFFFF",
                                            "textAlignX": "center",
                                            "sizeMode": "contentSize",
                                            "textAlignY": "top"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "09fe9a31-9095-badd-6c70-94216a47dedc",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "68572773-2676-63b7-6f61-30dd5397efdd",
                                                "type": "net.noodl.visual.icon",
                                                "label": "Profile Icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "account_circle"
                                                    },
                                                    "iconSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "2c4e83bb-be11-ebfb-646e-00c996777de5",
                        "type": "States",
                        "x": 502.2441417783938,
                        "y": -77.5610055603047,
                        "parameters": {
                            "states": "Tall,Short",
                            "values": "Height,Font Size,Author Section Height",
                            "value-Tall-Height": 100,
                            "value-Short-Height": 66,
                            "value-Tall-Font Size": 66,
                            "value-Short-Font Size": 34,
                            "value-Tall-Author Section Height": 1,
                            "value-Short-Author Section Height": 0,
                            "useTransitions": true,
                            "transition-Tall-Author Section Height": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 0,
                                "delay": 0
                            },
                            "transition-Short-Author Section Height": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 0,
                                "delay": 0
                            },
                            "transition-Tall-Height": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transition-Tall-Font Size": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transition-Short-Height": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            },
                            "transition-Short-Font Size": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 150,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Height",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Height",
                                "name": "type-Height",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Font Size",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Font Size",
                                "name": "type-Font Size",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Author Section Height",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Author Section Height",
                                "name": "type-Author Section Height",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Tall Values",
                                "name": "value-Tall-Height",
                                "displayName": "Height",
                                "editorName": "Tall|Height",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Tall Values",
                                "name": "value-Tall-Font Size",
                                "displayName": "Font Size",
                                "editorName": "Tall|Font Size",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Tall Values",
                                "name": "value-Tall-Author Section Height",
                                "displayName": "Author Section Height",
                                "editorName": "Tall|Author Section Height",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Tall Transitions",
                                "name": "transitiondef-Tall",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Tall Transitions",
                                "name": "transition-Tall-Height",
                                "displayName": "Height",
                                "editorName": "Transition Tall|Height",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Tall Transitions",
                                "name": "transition-Tall-Font Size",
                                "displayName": "Font Size",
                                "editorName": "Transition Tall|Font Size",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Tall Transitions",
                                "name": "transition-Tall-Author Section Height",
                                "displayName": "Author Section Height",
                                "editorName": "Transition Tall|Author Section Height",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Tall",
                                "name": "to-Tall",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Tall",
                                "name": "at-Tall",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Tall",
                                "name": "reached-Tall",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Short Values",
                                "name": "value-Short-Height",
                                "displayName": "Height",
                                "editorName": "Short|Height",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Short Values",
                                "name": "value-Short-Font Size",
                                "displayName": "Font Size",
                                "editorName": "Short|Font Size",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Short Values",
                                "name": "value-Short-Author Section Height",
                                "displayName": "Author Section Height",
                                "editorName": "Short|Author Section Height",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Short Transitions",
                                "name": "transitiondef-Short",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Short Transitions",
                                "name": "transition-Short-Height",
                                "displayName": "Height",
                                "editorName": "Transition Short|Height",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Short Transitions",
                                "name": "transition-Short-Font Size",
                                "displayName": "Font Size",
                                "editorName": "Transition Short|Font Size",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Short Transitions",
                                "name": "transition-Short-Author Section Height",
                                "displayName": "Author Section Height",
                                "editorName": "Transition Short|Author Section Height",
                                "index": 28
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Short",
                                "name": "to-Short",
                                "group": "Go to state",
                                "index": 29
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Short",
                                "name": "at-Short",
                                "group": "Current state",
                                "index": 30
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Short",
                                "name": "reached-Short",
                                "group": "Current state",
                                "index": 31
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Tall",
                                        "Short"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Tall",
                                "index": 32
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "34f1e3ea-f97f-72d9-2a07-4c74b8bb19f6",
                        "type": "Condition",
                        "x": 803.5914843698679,
                        "y": -268.5567821997731,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2cccab2a-44d6-b26c-20b6-94ba04e91a6b",
                        "type": "NavigationShowPopup",
                        "x": 1005.1703049126334,
                        "y": 446.29967251023004,
                        "parameters": {
                            "target": "/Pop-ups/Sign in or Sign up /Sign in or up Pop-up"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e060ac95-7801-e0ac-a548-69237e7c298f",
                        "type": "Set Variable",
                        "x": 813.5387905102389,
                        "y": 445.9760935329246,
                        "parameters": {
                            "name": "loginMethod",
                            "setWith": "string",
                            "value": "Sign Up"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6c3df549-744a-196f-4123-9858262c782a",
                        "type": "Component Inputs",
                        "x": 123.41857124166796,
                        "y": -373.1394589371412,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Image Screen Pos Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Image Height",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a99cdc29-6d08-8a1d-483a-65af63358d8a",
                        "type": "Component Outputs",
                        "x": 799.2972325196606,
                        "y": -43.09315915883252,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c397811b-7df5-4ae3-08d5-730057be7d37",
                        "type": "net.noodl.user.User",
                        "x": 557.9599789894995,
                        "y": 293.4016136303223,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a4a443c0-52a2-8480-a8c2-049d1f0ece10",
                        "type": "Condition",
                        "x": 562.9397805214335,
                        "y": 404.61718117684865,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e577c8e5-e491-b378-a639-45a13216db88",
                        "type": "RouterNavigate",
                        "x": 810.2699232741562,
                        "y": 328.26022435386034,
                        "parameters": {
                            "router": "Main",
                            "target": "/Pages/Profile"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "component",
                                    "title": "Choose page component",
                                    "components": [
                                        "/Pages/Article",
                                        "/Pages/Profile"
                                    ],
                                    "allowEditOnly": true
                                },
                                "group": "General",
                                "displayName": "Target Page",
                                "name": "target",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "16a8d1dc-cefe-9abb-20ec-fd6553922695",
                        "type": "Variable2",
                        "x": 3.6639469241890197,
                        "y": 617.8727524716627,
                        "parameters": {
                            "name": "Current Page Title"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cb19dc02-9724-a0c8-6c1c-75d9d0b13e16",
                        "type": "Expression",
                        "x": 277.98781033798184,
                        "y": 627.3321960376555,
                        "parameters": {
                            "expression": "pageTitle===\"Profile\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "pageTitle",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "75b15669-055a-c480-b00d-00cab1d61fed",
                        "type": "Condition",
                        "x": 662.0412191172917,
                        "y": 701.1158558523996,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "94e331df-fa21-e4a8-0534-dc2c74ca53b2",
                        "type": "RouterNavigate",
                        "x": 923.1218615386945,
                        "y": 750.3049623955624,
                        "parameters": {
                            "router": "Main",
                            "target": "/Pages/Article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "component",
                                    "title": "Choose page component",
                                    "components": [
                                        "/Pages/Article",
                                        "/Pages/Profile"
                                    ],
                                    "allowEditOnly": true
                                },
                                "group": "General",
                                "displayName": "Target Page",
                                "name": "target",
                                "index": 2
                            },
                            {
                                "name": "pm-slug",
                                "displayName": "slug",
                                "type": "string",
                                "plug": "input",
                                "group": "Parameters",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "aab39e67-e1e8-5d18-6d09-6b331fc68915",
                        "type": "Variable2",
                        "x": 972.3109680818575,
                        "y": 901.6560594514481,
                        "parameters": {
                            "name": "Current Slug"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "abae5a29-9876-236e-e53c-6619b98a6b2d",
                        "type": "Expression",
                        "x": 547.9475702362333,
                        "y": -492.431827679094,
                        "parameters": {
                            "expression": "screenPos<-80"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "screenPos",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 2107.464377977726,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Article/Comments",
            "id": "e744d762-1ecd-0f2d-187d-a3d47274ba27",
            "graph": {
                "connections": [
                    {
                        "fromId": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
                        "fromProperty": "parent_id",
                        "toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
                        "toProperty": "prop-comment_parent"
                    },
                    {
                        "fromId": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
                        "fromProperty": "onTextChanged",
                        "toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
                        "toProperty": "prop-comment_text"
                    },
                    {
                        "fromId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
                        "fromProperty": "created",
                        "toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "toProperty": "storageFetch"
                    },
                    {
                        "fromId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
                        "fromProperty": "created",
                        "toId": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
                        "toProperty": "clear"
                    },
                    {
                        "fromId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
                        "fromProperty": "out-doQuery",
                        "toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "toProperty": "storageFetch"
                    },
                    {
                        "fromId": "bf7e9ea8-428d-a9cd-50d4-fb240323eca4",
                        "fromProperty": "didMount",
                        "toId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
                        "toProperty": "storageFetch"
                    },
                    {
                        "fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
                        "fromProperty": "count",
                        "toId": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
                        "toProperty": "in-totalCommentCount"
                    },
                    {
                        "fromId": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "fromProperty": "count",
                        "toId": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
                        "toProperty": "in-currentCommentCount"
                    },
                    {
                        "fromId": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
                        "fromProperty": "out-buttonVisible",
                        "toId": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
                        "fromProperty": "savedValue",
                        "toId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
                        "toProperty": "in-currentLimit"
                    },
                    {
                        "fromId": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
                        "fromProperty": "savedValue",
                        "toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "toProperty": "storageLimit"
                    },
                    {
                        "fromId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
                        "fromProperty": "out-limit",
                        "toId": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
                        "fromProperty": "parent_id",
                        "toId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
                        "toProperty": "qp-MyInput"
                    },
                    {
                        "fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
                        "fromProperty": "count",
                        "toId": "37673e78-9ed7-6f3a-33cd-7957bdccf4ad",
                        "toProperty": "in-totalCount"
                    },
                    {
                        "fromId": "37673e78-9ed7-6f3a-33cd-7957bdccf4ad",
                        "fromProperty": "out-text",
                        "toId": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
                        "toProperty": "label"
                    },
                    {
                        "fromId": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "fromProperty": "items",
                        "toId": "7ea5ca86-bdf9-2d66-e8d8-223e297360b4",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
                        "fromProperty": "onClick",
                        "toId": "875ce743-ffd9-53a3-95f3-571e63c89d21",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "bf7e9ea8-428d-a9cd-50d4-fb240323eca4",
                        "fromProperty": "didMount",
                        "toId": "c4e57d65-cc2a-155e-e9fe-217fdbdf3766",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "c4e57d65-cc2a-155e-e9fe-217fdbdf3766",
                        "fromProperty": "timerFinished",
                        "toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "toProperty": "storageFetch"
                    },
                    {
                        "fromId": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
                        "fromProperty": "parent_id",
                        "toId": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "toProperty": "qp-MyInput"
                    },
                    {
                        "fromId": "aa0dd865-b380-e967-44b1-8c0806bc52b6",
                        "fromProperty": "authenticated",
                        "toId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "356a513c-2e14-d92c-adea-b96ceeb9acf4",
                        "fromProperty": "onClick",
                        "toId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
                        "fromProperty": "ontrue",
                        "toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
                        "fromProperty": "onfalse",
                        "toId": "b6a675a3-7838-93a7-0664-b9ff9d53f455",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "b6a675a3-7838-93a7-0664-b9ff9d53f455",
                        "fromProperty": "done",
                        "toId": "ba9572af-d18e-83e5-dddc-ffbbdb8d7cb7",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "aa0dd865-b380-e967-44b1-8c0806bc52b6",
                        "fromProperty": "username",
                        "toId": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
                        "toProperty": "prop-comment_author"
                    },
                    {
                        "fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
                        "fromProperty": "count",
                        "toId": "f3e344da-04a2-5509-944b-fe2839ff15ba",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
                        "fromProperty": "fetched",
                        "toId": "f3e344da-04a2-5509-944b-fe2839ff15ba",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
                        "fromProperty": "focusState",
                        "toId": "356a513c-2e14-d92c-adea-b96ceeb9acf4",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "49ed8385-9bd9-2133-70b3-952c47e47129",
                        "type": "DbCollection2",
                        "x": -624,
                        "y": -144,
                        "parameters": {
                            "collectionName": "Comment",
                            "visualFilter": {
                                "combinator": "or",
                                "rules": [
                                    {
                                        "combinator": "and",
                                        "rules": [
                                            {
                                                "property": "comment_parent",
                                                "operator": "equal to",
                                                "input": "MyInput"
                                            }
                                        ]
                                    }
                                ]
                            },
                            "storageEnableLimit": true,
                            "storageLimit": 3
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "displayName": "Class",
                                "plug": "input",
                                "group": "General",
                                "index": 6
                            },
                            {
                                "name": "storageFilterType",
                                "type": {
                                    "name": "enum",
                                    "allowEditOnly": true,
                                    "enums": [
                                        {
                                            "value": "simple",
                                            "label": "Visual"
                                        },
                                        {
                                            "value": "json",
                                            "label": "Javascript"
                                        }
                                    ]
                                },
                                "displayName": "Filter",
                                "default": "simple",
                                "plug": "input",
                                "group": "General",
                                "index": 7
                            },
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageEnableLimit",
                                "displayName": "Use limit",
                                "index": 8
                            },
                            {
                                "type": "number",
                                "default": 10,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageLimit",
                                "displayName": "Limit",
                                "index": 9
                            },
                            {
                                "type": "number",
                                "default": 0,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageSkip",
                                "displayName": "Skip",
                                "index": 10
                            },
                            {
                                "type": "signal",
                                "plug": "input",
                                "group": "Actions",
                                "name": "storageFetch",
                                "displayName": "Do",
                                "index": 11
                            },
                            {
                                "name": "visualFilter",
                                "plug": "input",
                                "type": {
                                    "name": "query-filter",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "comment_text": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "comment_author": {
                                                "type": "String",
                                                "required": false
                                            },
                                            "comment_parent": {
                                                "type": "String",
                                                "required": true
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Filter",
                                "group": "Filter",
                                "index": 12
                            },
                            {
                                "name": "visualSort",
                                "plug": "input",
                                "type": {
                                    "name": "query-sorting",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "comment_text": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "comment_author": {
                                                "type": "String",
                                                "required": false
                                            },
                                            "comment_parent": {
                                                "type": "String",
                                                "required": true
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Sort",
                                "group": "Sorting",
                                "index": 13
                            },
                            {
                                "name": "qp-MyInput",
                                "plug": "input",
                                "type": "*",
                                "displayName": "MyInput",
                                "group": "Query Parameters",
                                "index": 14
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bf7e9ea8-428d-a9cd-50d4-fb240323eca4",
                        "type": "Group",
                        "x": -273,
                        "y": -146,
                        "parameters": {
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "9cb70789-4b7a-c9e5-5c34-23557a3ce90f",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "height": {
                                        "value": 250,
                                        "unit": "px"
                                    },
                                    "scrollEnabled": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7ea5ca86-bdf9-2d66-e8d8-223e297360b4",
                                        "type": "For Each",
                                        "parameters": {
                                            "template": "/Visual Components/Article/Comments/Comment Item"
                                        },
                                        "ports": [],
                                        "dynamicports": [
                                            {
                                                "name": "inputMappingScript",
                                                "type": {
                                                    "name": "string",
                                                    "codeeditor": "javascript"
                                                },
                                                "displayName": "Script",
                                                "group": "Input Mapping",
                                                "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                "plug": "input",
                                                "index": 6
                                            }
                                        ],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "334ef549-7a49-7dc2-bb53-13fe6054fbb3",
                                "type": "net.noodl.controls.button",
                                "parameters": {
                                    "alignY": "bottom",
                                    "alignX": "center",
                                    "marginTop": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "label": "show more...",
                                    "backgroundColor": "transparent",
                                    "color": "#72B6B9",
                                    "mounted": false,
                                    "fontFamily": "Inter-Bold.ttf",
                                    "fontSize": {
                                        "value": 14,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "33b9ab0d-4de6-8bea-15ea-96fbeeacf729",
                                "type": "Group",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0f04d77d-3e25-e2d9-afe9-499ca7febc5b",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "ffd9e04a-8c9f-3223-b574-6c6d1cbd49ba",
                                                "type": "Group",
                                                "parameters": {
                                                    "width": {
                                                        "value": 15,
                                                        "unit": "%"
                                                    },
                                                    "sizeMode": "contentSize",
                                                    "alignX": "left",
                                                    "marginRight": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "2ee19d5d-a3ef-acac-19bc-5226f788e913",
                                                        "type": "net.noodl.visual.icon",
                                                        "parameters": {
                                                            "iconIconSource": {
                                                                "class": "material-icons",
                                                                "code": "account_circle"
                                                            },
                                                            "iconColor": "Dark Gray",
                                                            "iconSize": {
                                                                "value": 55,
                                                                "unit": "px"
                                                            },
                                                            "alignX": "center",
                                                            "iconSourceType": "image",
                                                            "iconImageSource": "profileIcon.svg"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "1bfd0d3b-b1c8-7b82-b26e-fe906dd739de",
                                                "type": "net.noodl.controls.textinput",
                                                "variant": "UI Text Input",
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "alignY": "center",
                                                    "useLabel": false,
                                                    "borderRadius": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "placeholder": "Add a comment",
                                                    "paddingTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "lineHeight": {
                                                        "value": 30,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#FFFFFF"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "356a513c-2e14-d92c-adea-b96ceeb9acf4",
                                "type": "net.noodl.controls.button",
                                "variant": "Button Primary",
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "alignY": "center",
                                    "label": "Post",
                                    "useIcon": true,
                                    "iconIconSource": {
                                        "class": "material-icons",
                                        "code": "send"
                                    },
                                    "borderRadius": {
                                        "value": 25,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 50,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "a9f0b4b4-3fc3-44f4-99a5-c4c2c99b6b8b",
                        "type": "Component Inputs",
                        "x": -621.806551176317,
                        "y": -346.4820788262954,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "parent_id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1ed69da1-2877-9075-3eff-f89d2fe3dda2",
                        "type": "NewDbModelProperties",
                        "x": 271.92266074210863,
                        "y": 192.87103168487658,
                        "parameters": {
                            "collectionName": "Comment",
                            "prop-comment_author": "Placeholder"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-comment_text",
                                "displayName": "comment_text",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-comment_author",
                                "displayName": "comment_author",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-comment_parent",
                                "displayName": "comment_parent",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "875ce743-ffd9-53a3-95f3-571e63c89d21",
                        "type": "JavaScriptFunction",
                        "x": -503,
                        "y": 78,
                        "parameters": {
                            "functionScript": "if(Inputs.currentLimit){\n    Outputs.limit = Inputs.currentLimit + 50;\n    Outputs.doQuery();\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-currentLimit",
                                "displayName": "currentLimit",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-doQuery",
                                "displayName": "doQuery",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "out-limit",
                                "displayName": "limit",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d264b17d-54f5-1be3-e585-b3f97e8926f3",
                        "type": "DbCollection2",
                        "x": 99,
                        "y": -119,
                        "parameters": {
                            "storageEnableLimit": true,
                            "storageLimit": 99999999999,
                            "collectionName": "Comment",
                            "visualFilter": {
                                "combinator": "or",
                                "rules": [
                                    {
                                        "combinator": "and",
                                        "rules": [
                                            {
                                                "property": "comment_parent",
                                                "operator": "equal to",
                                                "input": "MyInput"
                                            }
                                        ]
                                    }
                                ]
                            }
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "displayName": "Class",
                                "plug": "input",
                                "group": "General",
                                "index": 6
                            },
                            {
                                "name": "storageFilterType",
                                "type": {
                                    "name": "enum",
                                    "allowEditOnly": true,
                                    "enums": [
                                        {
                                            "value": "simple",
                                            "label": "Visual"
                                        },
                                        {
                                            "value": "json",
                                            "label": "Javascript"
                                        }
                                    ]
                                },
                                "displayName": "Filter",
                                "default": "simple",
                                "plug": "input",
                                "group": "General",
                                "index": 7
                            },
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageEnableLimit",
                                "displayName": "Use limit",
                                "index": 8
                            },
                            {
                                "type": "number",
                                "default": 10,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageLimit",
                                "displayName": "Limit",
                                "index": 9
                            },
                            {
                                "type": "number",
                                "default": 0,
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageSkip",
                                "displayName": "Skip",
                                "index": 10
                            },
                            {
                                "type": "signal",
                                "plug": "input",
                                "group": "Actions",
                                "name": "storageFetch",
                                "displayName": "Do",
                                "index": 11
                            },
                            {
                                "name": "visualFilter",
                                "plug": "input",
                                "type": {
                                    "name": "query-filter",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "comment_text": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "comment_author": {
                                                "type": "String",
                                                "required": false
                                            },
                                            "comment_parent": {
                                                "type": "String",
                                                "required": true
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Filter",
                                "group": "Filter",
                                "index": 12
                            },
                            {
                                "name": "visualSort",
                                "plug": "input",
                                "type": {
                                    "name": "query-sorting",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "comment_text": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "comment_author": {
                                                "type": "String",
                                                "required": false
                                            },
                                            "comment_parent": {
                                                "type": "String",
                                                "required": true
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Sort",
                                "group": "Sorting",
                                "index": 13
                            },
                            {
                                "name": "qp-MyInput",
                                "plug": "input",
                                "type": "*",
                                "displayName": "MyInput",
                                "group": "Query Parameters",
                                "index": 14
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "08b72a60-5372-c42d-452e-ef9ad2c3a6ab",
                        "type": "JavaScriptFunction",
                        "label": "checkCommentCount",
                        "x": 101,
                        "y": -322,
                        "parameters": {
                            "functionScript": "if(Inputs.totalCommentCount && Inputs.currentCommentCount){\n    if(Inputs.currentCommentCount >= Inputs.totalCommentCount){\n        Outputs.buttonVisible = false;\n    }else{\n        Outputs.buttonVisible = true;\n    }\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-totalCommentCount",
                                "displayName": "totalCommentCount",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-currentCommentCount",
                                "displayName": "currentCommentCount",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "out-buttonVisible",
                                "displayName": "buttonVisible",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "de8fab32-5034-71a9-96e9-3d4acbee5e0b",
                        "type": "Number",
                        "x": -871,
                        "y": -33,
                        "parameters": {
                            "value": 3
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "37673e78-9ed7-6f3a-33cd-7957bdccf4ad",
                        "type": "JavaScriptFunction",
                        "x": 323.99365069580267,
                        "y": -37.85177511637107,
                        "parameters": {
                            "functionScript": "if(Inputs.totalCount){\n    Outputs.text = 'Show all ' + Inputs.totalCount + ' comments';\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-totalCount",
                                "displayName": "totalCount",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-text",
                                "displayName": "text",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c4e57d65-cc2a-155e-e9fe-217fdbdf3766",
                        "type": "Timer",
                        "x": -622.2717536294736,
                        "y": -242.172889192764,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aa0dd865-b380-e967-44b1-8c0806bc52b6",
                        "type": "net.noodl.user.User",
                        "x": -160.96252193052973,
                        "y": 542.5865082960523,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8fa96cba-bcf4-ae2b-ccfb-63d1bf31f271",
                        "type": "Condition",
                        "x": 193.13832137614895,
                        "y": 455.67087201480217,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ba9572af-d18e-83e5-dddc-ffbbdb8d7cb7",
                        "type": "NavigationShowPopup",
                        "x": 577.960114141171,
                        "y": 513.8802916787224,
                        "parameters": {
                            "target": "/Pop-ups/Sign in or Sign up /Sign in or up Pop-up"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b6a675a3-7838-93a7-0664-b9ff9d53f455",
                        "type": "Set Variable",
                        "x": 582.4632853927774,
                        "y": 603.9437167108516,
                        "parameters": {
                            "name": "loginMethod",
                            "setWith": "string",
                            "value": "Sign Up"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f3e344da-04a2-5509-944b-fe2839ff15ba",
                        "type": "Set Variable",
                        "x": 348.5948266112931,
                        "y": -264.6324355304555,
                        "parameters": {
                            "name": "NbrComments",
                            "setWith": "number"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "number",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -1,
                    "y": 1070
                },
                "canvasSize": {
                    "width": "809px",
                    "height": "687px"
                }
            }
        },
        {
            "name": "/Visual Components/Article/Comments/Comment Item",
            "id": "f42b7891-ac95-4cbb-988d-8f94840ca741",
            "graph": {
                "connections": [
                    {
                        "fromId": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
                        "fromProperty": "itemId",
                        "toId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
                        "fromProperty": "prop-comment_text",
                        "toId": "a6981389-44dd-903c-f64f-a22b79a275dd",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
                        "fromProperty": "prop-comment_author",
                        "toId": "4d8b13e6-6405-08bb-eb98-f3e3413fb654",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
                        "fromProperty": "itemId",
                        "toId": "7f34f6f0-5d85-7403-836a-7e3c928a0f46",
                        "toProperty": "qp-MyInput"
                    },
                    {
                        "fromId": "7f34f6f0-5d85-7403-836a-7e3c928a0f46",
                        "fromProperty": "items",
                        "toId": "29064fb1-d3af-d919-b007-6a243b133c08",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "395b2cd0-39dd-59b9-bf98-3bb1171f0cda",
                        "fromProperty": "onClick",
                        "toId": "cc3cf80d-5975-98d0-090c-3799b60afb91",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
                        "fromProperty": "itemId",
                        "toId": "cc3cf80d-5975-98d0-090c-3799b60afb91",
                        "toProperty": "popupParam-parent_comment_id"
                    },
                    {
                        "fromId": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
                        "fromProperty": "prop-createdAt",
                        "toId": "271c9771-f4bb-7d81-5a02-99456e2980ea",
                        "toProperty": "in-date"
                    },
                    {
                        "fromId": "271c9771-f4bb-7d81-5a02-99456e2980ea",
                        "fromProperty": "out-formattedDate",
                        "toId": "64090841-bb64-e851-8d62-0e069d957fdd",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "eb9950b3-ee34-6f14-35cd-34d10471cdd8",
                        "fromProperty": "onClick",
                        "toId": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
                        "toProperty": "flip"
                    },
                    {
                        "fromId": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
                        "fromProperty": "state",
                        "toId": "97b5cdf6-967e-ba17-7446-5f5e4bfcd42e",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
                        "fromProperty": "state",
                        "toId": "2fb948ba-77b9-ea12-e12d-cb1240949183",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "2fb948ba-77b9-ea12-e12d-cb1240949183",
                        "fromProperty": "result",
                        "toId": "8fc3fc9c-a350-2d2d-0a45-14821aa4565a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "adad720b-d637-afc2-1535-15490b7f8f6e",
                        "fromProperty": "hoverStart",
                        "toId": "83d3dc5d-f9d5-225e-5d07-60f35de0b4c8",
                        "toProperty": "to-Hover"
                    },
                    {
                        "fromId": "adad720b-d637-afc2-1535-15490b7f8f6e",
                        "fromProperty": "hoverEnd",
                        "toId": "83d3dc5d-f9d5-225e-5d07-60f35de0b4c8",
                        "toProperty": "to-Hidden"
                    }
                ],
                "roots": [
                    {
                        "id": "adad720b-d637-afc2-1535-15490b7f8f6e",
                        "type": "Group",
                        "x": -56,
                        "y": -125,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "backgroundColor": "#FFFFFF",
                            "boxShadowSpreadRadius": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 3,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1c3280b9-fba6-6570-994e-0039fca76cd6",
                                "type": "Group",
                                "parameters": {
                                    "width": {
                                        "value": 15,
                                        "unit": "%"
                                    },
                                    "sizeMode": "contentSize",
                                    "alignX": "left"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "87170f23-2e2c-794f-7045-82fd68962f47",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "account_circle"
                                            },
                                            "iconColor": "Dark Gray",
                                            "iconSize": {
                                                "value": 58,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "iconSourceType": "image",
                                            "iconImageSource": "profileIcon.svg"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "5e347219-a4a2-5c39-f3a3-5fb68fd878c5",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "column",
                                    "sizeMode": "contentHeight",
                                    "width": {
                                        "value": 100,
                                        "unit": "%"
                                    },
                                    "alignX": "left",
                                    "flexWrap": "wrap",
                                    "paddingLeft": {
                                        "value": 25,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "59b98a81-72fd-5dc9-86f7-5e9b0aecf6e5",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "4d8b13e6-6405-08bb-eb98-f3e3413fb654",
                                                "type": "Text",
                                                "label": "Author",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "color": "#505758",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "Inter-Bold.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "64090841-bb64-e851-8d62-0e069d957fdd",
                                                "type": "Text",
                                                "label": "timeposted",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "color": "Dark Gray",
                                                    "marginLeft": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "eb9950b3-ee34-6f14-35cd-34d10471cdd8",
                                                "type": "Group",
                                                "label": "This is unmounted",
                                                "parameters": {
                                                    "position": "relative",
                                                    "alignX": "right",
                                                    "alignY": "center",
                                                    "sizeMode": "contentSize",
                                                    "marginRight": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    },
                                                    "mounted": false
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "8fc3fc9c-a350-2d2d-0a45-14821aa4565a",
                                                        "type": "net.noodl.visual.icon",
                                                        "label": "Icon-default",
                                                        "parameters": {
                                                            "iconIconSource": {
                                                                "class": "material-icons",
                                                                "code": "favorite_outline"
                                                            },
                                                            "iconColor": "#000000",
                                                            "iconSize": {
                                                                "value": 26,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "97b5cdf6-967e-ba17-7446-5f5e4bfcd42e",
                                                        "type": "net.noodl.visual.icon",
                                                        "label": "Icon-hover/pressed",
                                                        "parameters": {
                                                            "iconSize": {
                                                                "value": 26,
                                                                "unit": "px"
                                                            },
                                                            "iconIconSource": {
                                                                "class": "material-icons",
                                                                "code": "favorite"
                                                            },
                                                            "iconColor": "#000000",
                                                            "mounted": false
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "4a7461a2-d16c-c942-d4d3-b91a2535964d",
                                        "type": "Group",
                                        "label": "Comment Text",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "width": {
                                                "value": 100,
                                                "unit": "%"
                                            },
                                            "marginTop": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "a6981389-44dd-903c-f64f-a22b79a275dd",
                                                "type": "Text",
                                                "parameters": {
                                                    "marginBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "color": "#505758"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "17ad5ca5-5dc3-390d-a788-899b2f8e6153",
                                        "type": "Group",
                                        "label": "Comment Actions",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "marginTop": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "justifyContent": "flex-start"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "395b2cd0-39dd-59b9-bf98-3bb1171f0cda",
                                                "type": "net.noodl.controls.button",
                                                "variant": "Button Secondary (No Border)",
                                                "parameters": {
                                                    "backgroundColor": "transparent",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "useIcon": true,
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "reply"
                                                    },
                                                    "label": "Reply",
                                                    "height": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    },
                                                    "iconColor": "Cyan Dark",
                                                    "paddingLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize"
                                                },
                                                "stateParameters": {
                                                    "hover": {
                                                        "color": "Cyan Dark"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "25f6e777-3a8c-03a9-27ab-1a674c78827a",
                                                "type": "net.noodl.controls.button",
                                                "variant": "Button Secondary (No Border)",
                                                "parameters": {
                                                    "backgroundColor": "transparent",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "useIcon": true,
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "thumb_up"
                                                    },
                                                    "iconColor": "Cyan Dark",
                                                    "label": "Like",
                                                    "height": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize"
                                                },
                                                "stateParameters": {
                                                    "hover": {
                                                        "color": "Cyan Dark"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "87496893-4e3d-07fd-1446-ea1bebbb8bfa",
                                                "type": "net.noodl.controls.button",
                                                "variant": "Button Secondary (No Border)",
                                                "parameters": {
                                                    "backgroundColor": "transparent",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "useIcon": true,
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "report_gmailerrorred"
                                                    },
                                                    "iconColor": "Cyan Dark",
                                                    "label": "Report",
                                                    "height": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize"
                                                },
                                                "stateParameters": {
                                                    "hover": {
                                                        "color": "Cyan Dark"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "17f544e4-6591-f091-2db8-51570f20ab2b",
                                        "type": "Group",
                                        "label": "Replies",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "29064fb1-d3af-d919-b007-6a243b133c08",
                                                "type": "For Each",
                                                "parameters": {
                                                    "template": "/Visual Components/Article/Comments/Comment Replies"
                                                },
                                                "ports": [],
                                                "dynamicports": [
                                                    {
                                                        "name": "inputMappingScript",
                                                        "type": {
                                                            "name": "string",
                                                            "codeeditor": "javascript"
                                                        },
                                                        "displayName": "Script",
                                                        "group": "Input Mapping",
                                                        "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                        "plug": "input",
                                                        "index": 6
                                                    }
                                                ],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "e83d3410-ebdc-49ff-027e-5ac0322efc0c",
                        "type": "DbModel2",
                        "x": -682.5759535956029,
                        "y": 240.0515257669803,
                        "parameters": {
                            "collectionName": "Comment"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 11
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_text",
                                "displayName": "comment_text",
                                "index": 13
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_text Changed",
                                "name": "changed-comment_text",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_author",
                                "displayName": "comment_author",
                                "index": 15
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_author Changed",
                                "name": "changed-comment_author",
                                "index": 16
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_parent",
                                "displayName": "comment_parent",
                                "index": 17
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_parent Changed",
                                "name": "changed-comment_parent",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a2fe4182-6bc8-33fa-6b51-d92d0c33c804",
                        "type": "For Each Actions",
                        "x": -729.6286782232139,
                        "y": -20.3022801142165,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7f34f6f0-5d85-7403-836a-7e3c928a0f46",
                        "type": "DbCollection2",
                        "label": "Comment Replies",
                        "x": -599.6708720507811,
                        "y": 493.68788473359666,
                        "parameters": {
                            "collectionName": "Comment",
                            "visualFilter": {
                                "combinator": "or",
                                "rules": [
                                    {
                                        "combinator": "and",
                                        "rules": [
                                            {
                                                "property": "comment_parent",
                                                "operator": "equal to",
                                                "input": "MyInput"
                                            }
                                        ]
                                    }
                                ]
                            }
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "displayName": "Class",
                                "plug": "input",
                                "group": "General",
                                "index": 6
                            },
                            {
                                "name": "storageFilterType",
                                "type": {
                                    "name": "enum",
                                    "allowEditOnly": true,
                                    "enums": [
                                        {
                                            "value": "simple",
                                            "label": "Visual"
                                        },
                                        {
                                            "value": "json",
                                            "label": "Javascript"
                                        }
                                    ]
                                },
                                "displayName": "Filter",
                                "default": "simple",
                                "plug": "input",
                                "group": "General",
                                "index": 7
                            },
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "storageEnableLimit",
                                "displayName": "Use limit",
                                "index": 8
                            },
                            {
                                "type": "signal",
                                "plug": "input",
                                "group": "Actions",
                                "name": "storageFetch",
                                "displayName": "Do",
                                "index": 9
                            },
                            {
                                "name": "visualFilter",
                                "plug": "input",
                                "type": {
                                    "name": "query-filter",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "comment_text": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "comment_author": {
                                                "type": "String",
                                                "required": false
                                            },
                                            "comment_parent": {
                                                "type": "String",
                                                "required": true
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Filter",
                                "group": "Filter",
                                "index": 10
                            },
                            {
                                "name": "visualSort",
                                "plug": "input",
                                "type": {
                                    "name": "query-sorting",
                                    "schema": {
                                        "properties": {
                                            "createdAt": {
                                                "type": "Date"
                                            },
                                            "updatedAt": {
                                                "type": "Date"
                                            },
                                            "comment_text": {
                                                "type": "String",
                                                "required": true
                                            },
                                            "comment_author": {
                                                "type": "String",
                                                "required": false
                                            },
                                            "comment_parent": {
                                                "type": "String",
                                                "required": true
                                            }
                                        }
                                    },
                                    "allowEditOnly": true
                                },
                                "displayName": "Sort",
                                "group": "Sorting",
                                "index": 11
                            },
                            {
                                "name": "qp-MyInput",
                                "plug": "input",
                                "type": "*",
                                "displayName": "MyInput",
                                "group": "Query Parameters",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cc3cf80d-5975-98d0-090c-3799b60afb91",
                        "type": "NavigationShowPopup",
                        "x": 535.0782226616988,
                        "y": 587.6426587016877,
                        "parameters": {
                            "target": "/Pop-ups/Comment Reply Popup"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "popupParam-parent_comment_id",
                                "displayName": "parent_comment_id",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "271c9771-f4bb-7d81-5a02-99456e2980ea",
                        "type": "JavaScriptFunction",
                        "x": -471.5855544050368,
                        "y": 241.04696319260887,
                        "parameters": {
                            "functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do\")\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-date",
                                "displayName": "date",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-formattedDate",
                                "displayName": "formattedDate",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b4f1c236-06fc-cee4-3b12-95ae4ce96a79",
                        "type": "Switch",
                        "x": 499.8564921830001,
                        "y": 278.61165049531576,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2fb948ba-77b9-ea12-e12d-cb1240949183",
                        "type": "Inverter",
                        "x": 476.51562346218475,
                        "y": 402.4977998596445,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "83d3dc5d-f9d5-225e-5d07-60f35de0b4c8",
                        "type": "States",
                        "x": 480.9474075784997,
                        "y": 755.1067485589351,
                        "parameters": {
                            "states": "Hidden,Hover",
                            "values": "Visible",
                            "type-Visible": "boolean",
                            "value-Hover-Visible": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Visible",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Visible",
                                "name": "type-Visible",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Visible",
                                "displayName": "Visible",
                                "editorName": "Hidden|Visible",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Hidden Transitions",
                                "name": "transitiondef-Hidden",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hidden",
                                "name": "to-Hidden",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hidden",
                                "name": "at-Hidden",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hidden",
                                "name": "reached-Hidden",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Hover Values",
                                "name": "value-Hover-Visible",
                                "displayName": "Visible",
                                "editorName": "Hover|Visible",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Hover Transitions",
                                "name": "transitiondef-Hover",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hover",
                                "name": "to-Hover",
                                "group": "Go to state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hover",
                                "name": "at-Hover",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hover",
                                "name": "reached-Hover",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hidden",
                                        "Hover"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Hidden",
                                "index": 18
                            }
                        ],
                        "children": []
                    }
                ],
                "comments": [
                    {
                        "text": "The faving of the comment is unmounted currently",
                        "width": 595,
                        "height": 301,
                        "fill": true,
                        "x": 161,
                        "y": 286,
                        "id": "99abb346-3885-5e99-dc16-32150466a33f",
                        "color": "component"
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 1151.264776330471,
                    "y": 1048.529552660942
                }
            }
        },
        {
            "name": "/Visual Components/Article/Comments/Comment Replies",
            "id": "6d7bbcbf-6e51-d198-c8e0-87e5c27d8c5e",
            "graph": {
                "connections": [
                    {
                        "fromId": "eb9acac6-5995-2e65-b765-894f6be4a2f4",
                        "fromProperty": "itemId",
                        "toId": "ab5f7929-48f4-9f31-c861-495231595f14",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ab5f7929-48f4-9f31-c861-495231595f14",
                        "fromProperty": "prop-comment_author",
                        "toId": "df5c77cb-3fdf-0f71-d017-bc526cf987c1",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ab5f7929-48f4-9f31-c861-495231595f14",
                        "fromProperty": "prop-comment_text",
                        "toId": "98ba31a7-4035-aedf-a229-876c69bc16f0",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ab5f7929-48f4-9f31-c861-495231595f14",
                        "fromProperty": "prop-createdAt",
                        "toId": "ab85fd09-c92e-d782-0ffe-29242b6735af",
                        "toProperty": "in-date"
                    },
                    {
                        "fromId": "ab85fd09-c92e-d782-0ffe-29242b6735af",
                        "fromProperty": "out-formattedDate",
                        "toId": "838dcd3c-ab17-6d4f-dc78-74d0f186ae4b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b88d7379-bad7-b2e7-c202-1c2fb92f992d",
                        "fromProperty": "onClick",
                        "toId": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
                        "toProperty": "flip"
                    },
                    {
                        "fromId": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
                        "fromProperty": "state",
                        "toId": "a17c7526-b874-8565-d0b8-85a50e95a56d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
                        "fromProperty": "state",
                        "toId": "a320624b-2a6f-ae7f-ba6c-3f39b278aba9",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a320624b-2a6f-ae7f-ba6c-3f39b278aba9",
                        "fromProperty": "result",
                        "toId": "d4b3872f-c3e1-b464-8396-9a240618b364",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a17295ed-a3f1-9d85-4834-78a69556653c",
                        "fromProperty": "hoverStart",
                        "toId": "44d4900f-c370-8937-6ee1-f00a791042ca",
                        "toProperty": "to-Hover"
                    },
                    {
                        "fromId": "a17295ed-a3f1-9d85-4834-78a69556653c",
                        "fromProperty": "hoverEnd",
                        "toId": "44d4900f-c370-8937-6ee1-f00a791042ca",
                        "toProperty": "to-Hidden"
                    }
                ],
                "roots": [
                    {
                        "id": "a17295ed-a3f1-9d85-4834-78a69556653c",
                        "type": "Group",
                        "x": 0,
                        "y": 0,
                        "parameters": {
                            "marginTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "0fb89c89-fd5d-28d4-08da-0e919393064a",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "flexWrap": "wrap",
                                    "marginBottom": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "alignItems": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "9cffa4e4-f43a-d03c-d4a8-3980992e9e91",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "0d8f1143-0934-14c1-3d98-1e38a16d1294",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "account_circle"
                                                    },
                                                    "iconColor": "Dark Gray",
                                                    "iconSize": {
                                                        "value": 35,
                                                        "unit": "px"
                                                    },
                                                    "iconSourceType": "image",
                                                    "iconImageSource": "profileIcon.svg",
                                                    "paddingTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "5cf49bf7-c678-a222-522f-566c781d85d9",
                                        "type": "Group",
                                        "parameters": {
                                            "alignY": "center",
                                            "flexDirection": "row",
                                            "flexWrap": "wrap",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "df5c77cb-3fdf-0f71-d017-bc526cf987c1",
                                                "type": "Text",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center",
                                                    "color": "Dark Gray",
                                                    "fontFamily": "Inter-Bold.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "838dcd3c-ab17-6d4f-dc78-74d0f186ae4b",
                                                "type": "Text",
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "color": "Dark Gray",
                                                    "marginLeft": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "b88d7379-bad7-b2e7-c202-1c2fb92f992d",
                                        "type": "Group",
                                        "parameters": {
                                            "position": "absolute",
                                            "alignX": "right",
                                            "alignY": "center",
                                            "sizeMode": "contentSize",
                                            "mounted": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d4b3872f-c3e1-b464-8396-9a240618b364",
                                                "type": "net.noodl.visual.icon",
                                                "label": "Icon-default",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "favorite_outline"
                                                    },
                                                    "iconColor": "#000000",
                                                    "iconSize": {
                                                        "value": 26,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "a17c7526-b874-8565-d0b8-85a50e95a56d",
                                                "type": "net.noodl.visual.icon",
                                                "label": "Icon-hover/pressed",
                                                "parameters": {
                                                    "iconSize": {
                                                        "value": 26,
                                                        "unit": "px"
                                                    },
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "favorite"
                                                    },
                                                    "iconColor": "#000000",
                                                    "mounted": false
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "3fe7efd8-0ea7-f88d-1aa7-bd4a647442f3",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "98ba31a7-4035-aedf-a229-876c69bc16f0",
                                        "type": "Text",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "7fecaf4e-224b-01e7-b966-7d9666d31ffc",
                                "type": "Group",
                                "label": "Comment Actions",
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 3,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "48d616e0-1978-2076-a6ee-72dd9af90349",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Button Secondary (No Border)",
                                        "parameters": {
                                            "backgroundColor": "transparent",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "useIcon": true,
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "reply"
                                            },
                                            "label": "Reply",
                                            "height": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "iconColor": "Cyan Dark",
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "stateParameters": {
                                            "hover": {
                                                "color": "Cyan Dark"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "f1f9ad94-0a7b-e6b2-f6de-3eadaae109e4",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Button Secondary (No Border)",
                                        "parameters": {
                                            "backgroundColor": "transparent",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "useIcon": true,
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "thumb_up"
                                            },
                                            "iconColor": "Cyan Dark",
                                            "label": "Like",
                                            "height": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize"
                                        },
                                        "stateParameters": {
                                            "hover": {
                                                "color": "Cyan Dark"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6677ffbc-1e5e-5885-1828-fd53ecac029e",
                                        "type": "net.noodl.controls.button",
                                        "variant": "Button Secondary (No Border)",
                                        "parameters": {
                                            "backgroundColor": "transparent",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "useIcon": true,
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "report_gmailerrorred"
                                            },
                                            "iconColor": "Cyan Dark",
                                            "label": "Report",
                                            "height": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize"
                                        },
                                        "stateParameters": {
                                            "hover": {
                                                "color": "Cyan Dark"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "eb9acac6-5995-2e65-b765-894f6be4a2f4",
                        "type": "For Each Actions",
                        "x": -446,
                        "y": -68,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ab5f7929-48f4-9f31-c861-495231595f14",
                        "type": "DbModel2",
                        "x": -352,
                        "y": 35,
                        "parameters": {
                            "collectionName": "Comment"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 11
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_text",
                                "displayName": "comment_text",
                                "index": 13
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_text Changed",
                                "name": "changed-comment_text",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_author",
                                "displayName": "comment_author",
                                "index": 15
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_author Changed",
                                "name": "changed-comment_author",
                                "index": 16
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-comment_parent",
                                "displayName": "comment_parent",
                                "index": 17
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "comment_parent Changed",
                                "name": "changed-comment_parent",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ab85fd09-c92e-d782-0ffe-29242b6735af",
                        "type": "JavaScriptFunction",
                        "x": -235.53815337947486,
                        "y": 309.6086157240187,
                        "parameters": {
                            "functionScript": "Outputs.formattedDate = moment(Inputs.date).format(\"MMM Do\")\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-date",
                                "displayName": "date",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-formattedDate",
                                "displayName": "formattedDate",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b537ec46-05b8-5dfe-f8a5-f852a0d30c83",
                        "type": "Switch",
                        "x": 914.4719538381314,
                        "y": 298.06882059767133,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a320624b-2a6f-ae7f-ba6c-3f39b278aba9",
                        "type": "Inverter",
                        "x": 891.131085117316,
                        "y": 421.95496996200006,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "44d4900f-c370-8937-6ee1-f00a791042ca",
                        "type": "States",
                        "x": 378.5783374694092,
                        "y": 727.8949521566603,
                        "parameters": {
                            "states": "Hidden,Hover",
                            "values": "Visible",
                            "type-Visible": "boolean",
                            "value-Hover-Visible": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Visible",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Visible",
                                "name": "type-Visible",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Visible",
                                "displayName": "Visible",
                                "editorName": "Hidden|Visible",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Hidden Transitions",
                                "name": "transitiondef-Hidden",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hidden",
                                "name": "to-Hidden",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hidden",
                                "name": "at-Hidden",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hidden",
                                "name": "reached-Hidden",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "Hover Values",
                                "name": "value-Hover-Visible",
                                "displayName": "Visible",
                                "editorName": "Hover|Visible",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "Hover Transitions",
                                "name": "transitiondef-Hover",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hover",
                                "name": "to-Hover",
                                "group": "Go to state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hover",
                                "name": "at-Hover",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hover",
                                "name": "reached-Hover",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hidden",
                                        "Hover"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Hidden",
                                "index": 18
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3369,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Article/Like Comment Share Component",
            "id": "8fdbe09b-e42f-d949-425b-766226afc229",
            "graph": {
                "connections": [
                    {
                        "fromId": "bcb2b60e-eff5-5a16-8a83-85a201ef6152",
                        "fromProperty": "value",
                        "toId": "e450e837-2d13-50d0-c791-2a1eb6af9f68",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "6e4973ab-a6ba-27b9-9348-ff5297b8e65f",
                        "fromProperty": "onClick",
                        "toId": "ad0cb948-1130-815a-4e21-30bb40a6f11c",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "5d57d19a-759b-63bf-9b79-e70f88bb51ec",
                        "fromProperty": "onClick",
                        "toId": "7ad4d668-97ab-8764-fa9b-db5f9499a4bc",
                        "toProperty": "updated"
                    },
                    {
                        "fromId": "6689eded-b926-2db8-308b-e91cf2799476",
                        "fromProperty": "articleObjId",
                        "toId": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
                        "fromProperty": "prop-likes_count",
                        "toId": "c07e542c-8500-3062-6b85-a9ad0d5c2906",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
                        "fromProperty": "articleObjId",
                        "toId": "5a75067b-9bcd-919f-0851-2efe659b204d",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
                        "fromProperty": "prop-likes_count",
                        "toId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
                        "toProperty": "startValue"
                    },
                    {
                        "fromId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
                        "fromProperty": "currentCount",
                        "toId": "5a75067b-9bcd-919f-0851-2efe659b204d",
                        "toProperty": "prop-likes_count"
                    },
                    {
                        "fromId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
                        "fromProperty": "countChanged",
                        "toId": "5a75067b-9bcd-919f-0851-2efe659b204d",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
                        "fromProperty": "prop-liked_articles",
                        "toId": "91158bda-0c35-738a-6978-003aa9e84cfc",
                        "toProperty": "in-userLikedArticlesList"
                    },
                    {
                        "fromId": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
                        "fromProperty": "articleId",
                        "toId": "91158bda-0c35-738a-6978-003aa9e84cfc",
                        "toProperty": "in-currentArticleId"
                    },
                    {
                        "fromId": "91158bda-0c35-738a-6978-003aa9e84cfc",
                        "fromProperty": "out-result",
                        "toId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "5a75067b-9bcd-919f-0851-2efe659b204d",
                        "fromProperty": "id",
                        "toId": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
                        "fromProperty": "currentCount",
                        "toId": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
                        "toProperty": "prop-likes_count"
                    },
                    {
                        "fromId": "5a75067b-9bcd-919f-0851-2efe659b204d",
                        "fromProperty": "stored",
                        "toId": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "91158bda-0c35-738a-6978-003aa9e84cfc",
                        "fromProperty": "out-userLikedArticles",
                        "toId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
                        "toProperty": "prop-liked_articles"
                    },
                    {
                        "fromId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
                        "fromProperty": "fetched",
                        "toId": "91158bda-0c35-738a-6978-003aa9e84cfc",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
                        "fromProperty": "success",
                        "toId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
                        "toProperty": "fetch"
                    },
                    {
                        "fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "fromProperty": "ontrue",
                        "toId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "fromProperty": "onfalse",
                        "toId": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "fromProperty": "ontrue",
                        "toId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
                        "toProperty": "decrease"
                    },
                    {
                        "fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "fromProperty": "onfalse",
                        "toId": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
                        "toProperty": "increase"
                    },
                    {
                        "fromId": "91158bda-0c35-738a-6978-003aa9e84cfc",
                        "fromProperty": "out-activeButton",
                        "toId": "b6874852-7d34-71be-06bb-c840baf29ade",
                        "toProperty": "to-active"
                    },
                    {
                        "fromId": "b6874852-7d34-71be-06bb-c840baf29ade",
                        "fromProperty": "currentState",
                        "toId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
                        "toProperty": "in-state"
                    },
                    {
                        "fromId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
                        "fromProperty": "out-doEvalute",
                        "toId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "b6874852-7d34-71be-06bb-c840baf29ade",
                        "fromProperty": "isLoading",
                        "toId": "39592ec8-312b-fcc8-60c5-29c055399b2c",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "39592ec8-312b-fcc8-60c5-29c055399b2c",
                        "fromProperty": "result",
                        "toId": "3a874a33-7729-f8cf-33ae-606c6661a37a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b6874852-7d34-71be-06bb-c840baf29ade",
                        "fromProperty": "isLoading",
                        "toId": "7d00695c-7202-1bc0-ed5f-f374ff88b817",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "fromProperty": "result",
                        "toId": "32fba955-8a0a-d617-0a3b-ba15ad35ca0e",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "fromProperty": "isfalse",
                        "toId": "6bd58e0a-d3e1-f22e-fa17-3763ff42fc96",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "dfc109b4-df69-e26b-75ac-94b442d2954a",
                        "fromProperty": "didMount",
                        "toId": "c92311eb-33f3-4960-a387-05dc2cf420ce",
                        "toProperty": "Do"
                    },
                    {
                        "fromId": "c92311eb-33f3-4960-a387-05dc2cf420ce",
                        "fromProperty": "Success",
                        "toId": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
                        "toProperty": "fetch"
                    },
                    {
                        "fromId": "5d57d19a-759b-63bf-9b79-e70f88bb51ec",
                        "fromProperty": "onClick",
                        "toId": "7864d015-e141-5c12-bc11-b5e63133c9d1",
                        "toProperty": "Do"
                    },
                    {
                        "fromId": "7864d015-e141-5c12-bc11-b5e63133c9d1",
                        "fromProperty": "Success",
                        "toId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
                        "fromProperty": "out-doEvalute",
                        "toId": "b6874852-7d34-71be-06bb-c840baf29ade",
                        "toProperty": "to-inactive"
                    },
                    {
                        "fromId": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "fromProperty": "onfalse",
                        "toId": "baa900d4-3f8a-947f-b055-9237ec4abf60",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
                        "fromProperty": "articleId",
                        "toId": "baa900d4-3f8a-947f-b055-9237ec4abf60",
                        "toProperty": "articleId"
                    },
                    {
                        "fromId": "fa13219a-10e7-b152-a773-efdbd08fcae8",
                        "fromProperty": "onClick",
                        "toId": "9be80e08-aae1-8627-6da1-c65dbc78fc25",
                        "toProperty": "Comments Clicked"
                    }
                ],
                "roots": [
                    {
                        "id": "dfc109b4-df69-e26b-75ac-94b442d2954a",
                        "type": "Group",
                        "label": "Icons",
                        "x": -17,
                        "y": -83,
                        "parameters": {
                            "flexDirection": "row",
                            "marginTop": {
                                "value": 32,
                                "unit": "px"
                            },
                            "styleCss": "/* background-color: red; */\ncursor:pointer;"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5d57d19a-759b-63bf-9b79-e70f88bb51ec",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentSize",
                                    "marginRight": {
                                        "value": 32,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7d00695c-7202-1bc0-ed5f-f374ff88b817",
                                        "type": "Group",
                                        "label": "notLoading",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "32fba955-8a0a-d617-0a3b-ba15ad35ca0e",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "favorite_border"
                                                    },
                                                    "iconColor": "#1A1A1A",
                                                    "iconSize": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "6bd58e0a-d3e1-f22e-fa17-3763ff42fc96",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "favorite"
                                                    },
                                                    "iconColor": "#1A1A1A",
                                                    "iconSize": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "3a874a33-7729-f8cf-33ae-606c6661a37a",
                                        "type": "Group",
                                        "label": "Loading",
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 18,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 18,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "00b17fb7-9389-5504-2543-601419c920f0",
                                                "type": "Image",
                                                "parameters": {
                                                    "src": "spinner.gif",
                                                    "sizeMode": "explicit",
                                                    "width": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "c07e542c-8500-3062-6b85-a9ad0d5c2906",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Bold.ttf",
                                            "fontSize": {
                                                "value": 13,
                                                "unit": "px"
                                            },
                                            "color": "#539CA0",
                                            "text": "0",
                                            "alignY": "center",
                                            "sizeMode": "contentSize",
                                            "marginLeft": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "fa13219a-10e7-b152-a773-efdbd08fcae8",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentSize",
                                    "marginRight": {
                                        "value": 32,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6c9c4fe2-153a-22e6-0201-3d082dabee0e",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "insert_comment"
                                            },
                                            "iconColor": "#1A1A1A",
                                            "iconSize": {
                                                "value": 18,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "e450e837-2d13-50d0-c791-2a1eb6af9f68",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Bold.ttf",
                                            "fontSize": {
                                                "value": 13,
                                                "unit": "px"
                                            },
                                            "color": "#539CA0",
                                            "text": "5",
                                            "alignY": "center",
                                            "sizeMode": "contentSize",
                                            "marginLeft": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "6e4973ab-a6ba-27b9-9348-ff5297b8e65f",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "45368f8e-4030-196a-7079-bcc700c823b8",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "share"
                                            },
                                            "iconColor": "#1A1A1A",
                                            "iconSize": {
                                                "value": 18,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "744283b0-3b8a-131a-3f66-28a2ae434557",
                                "type": "Group",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "bcb2b60e-eff5-5a16-8a83-85a201ef6152",
                        "type": "Variable2",
                        "x": -267.3111808750538,
                        "y": 240.56088206443235,
                        "parameters": {
                            "name": "NbrComments"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ad0cb948-1130-815a-4e21-30bb40a6f11c",
                        "type": "NavigationShowPopup",
                        "x": 499.69116235331126,
                        "y": 709.2481950921001,
                        "parameters": {
                            "target": "/Pop-ups/Share/Share Popup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6689eded-b926-2db8-308b-e91cf2799476",
                        "type": "Component Inputs",
                        "x": -493.96908616194935,
                        "y": -37.895304258374665,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "articleId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "articleObjId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7ad4d668-97ab-8764-fa9b-db5f9499a4bc",
                        "type": "Component Outputs",
                        "x": -54.87475267434641,
                        "y": -238.834218419498,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "updated",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Comments Clicked",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5349e8dc-dc93-3e54-ff6b-f1ef33416f00",
                        "type": "Model2",
                        "x": -268.50697181028147,
                        "y": 54.94111550154673,
                        "parameters": {
                            "properties": "likes_count,article_id"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-likes_count",
                                "displayName": "likes_count",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "likes_count Changed",
                                "name": "changed-likes_count",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-article_id",
                                "displayName": "article_id",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "article_id Changed",
                                "name": "changed-article_id",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5a75067b-9bcd-919f-0851-2efe659b204d",
                        "type": "SetModelProperties",
                        "x": 1079.911411289705,
                        "y": -193.81596944338798,
                        "parameters": {
                            "properties": "likes_count"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "likes_count",
                                "name": "prop-likes_count",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "likes_count",
                                "name": "type-likes_count",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "93a2c9b6-0d19-ffeb-dd07-9de97005a426",
                        "type": "Component Inputs",
                        "x": 809.0010040233958,
                        "y": -272.66275976995513,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "numLikes",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "isLikedByUser",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "unliked",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "parentState",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "articleId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "articleObjId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f8182957-741d-ac3d-52d7-e36a9da4fa41",
                        "type": "Counter",
                        "x": 1347.0376108885173,
                        "y": 161.79345566362372,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a7a0ada5-ff43-dfec-3581-44f2615e20f6",
                        "type": "Condition",
                        "x": 1076.0376108885168,
                        "y": 26.793455663623718,
                        "parameters": {
                            "condition": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c1222d32-f6d7-56b9-61b6-12ff2859742b",
                        "type": "net.noodl.user.User",
                        "x": 547.0376108885168,
                        "y": -159.20654433637628,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "91158bda-0c35-738a-6978-003aa9e84cfc",
                        "type": "JavaScriptFunction",
                        "x": 802.0376108885168,
                        "y": -99.20654433637628,
                        "parameters": {
                            "functionScript": "if(Inputs.userLikedArticlesList && Inputs.currentArticleId){\n    var result = false;\n    if(Inputs.userLikedArticlesList.items.length > 0){\n        //user has liked articles\n        if(Inputs.userLikedArticlesList.items.filter(item => item.article_id == Inputs.currentArticleId).length < 0){\n            let newList = Inputs.userLikedArticlesList;\n            newList.push(Noodl.Object.create({'article_id':Inputs.currentArticleId}));\n            Outputs.userLikedArticles = newList;\n            result = false;\n        }else{\n            \n            let newList = Inputs.userLikedArticlesList;\n            \n            if(newList.items.length > 1){\n                newList.items = newList.items.filter(item => item.article_id !== Inputs.currentArticleId);\n            }else{\n                newList.set([]);\n            }\n            \n            Outputs.userLikedArticles = newList;\n            result = true;\n        }\n    }else{\n        let newList = Inputs.userLikedArticlesList;\n        newList.items.push(Noodl.Object.create({'article_id':Inputs.currentArticleId}));\n        Outputs.userLikedArticles = newList;\n    }\n    Outputs.result = result;\n    Outputs.activeButton();\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-userLikedArticlesList",
                                "displayName": "userLikedArticlesList",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-currentArticleId",
                                "displayName": "currentArticleId",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "out-activeButton",
                                "displayName": "activeButton",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "out-userLikedArticles",
                                "displayName": "userLikedArticles",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "out-result",
                                "displayName": "result",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e50ef4ad-2203-ba8b-75eb-542df1ee448b",
                        "type": "SetDbModelProperties",
                        "x": 1352.0376108885173,
                        "y": -57.20654433637628,
                        "parameters": {
                            "collectionName": "Article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-article_id",
                                "displayName": "article_id",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "number"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-likes_count",
                                "displayName": "likes_count",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-ratings",
                                "displayName": "ratings",
                                "index": 14
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5812b1f2-094c-ea7a-8ed9-61d14f28702a",
                        "type": "net.noodl.user.SetUserProperties",
                        "x": 558.1015794187738,
                        "y": 183.01657390306684,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b6874852-7d34-71be-06bb-c840baf29ade",
                        "type": "States",
                        "x": 869.5088870844263,
                        "y": 269.3005742069415,
                        "parameters": {
                            "states": "active,inactive",
                            "values": "isLoading",
                            "type-isLoading": "boolean",
                            "value-active-isLoading": true,
                            "value-inactive-isLoading": false
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "isLoading",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "isLoading",
                                "name": "type-isLoading",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "active Values",
                                "name": "value-active-isLoading",
                                "displayName": "isLoading",
                                "editorName": "active|isLoading",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "active Transitions",
                                "name": "transitiondef-active",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To active",
                                "name": "to-active",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At active",
                                "name": "at-active",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached active",
                                "name": "reached-active",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "inactive Values",
                                "name": "value-inactive-isLoading",
                                "displayName": "isLoading",
                                "editorName": "inactive|isLoading",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "inactive Transitions",
                                "name": "transitiondef-inactive",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To inactive",
                                "name": "to-inactive",
                                "group": "Go to state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At inactive",
                                "name": "at-inactive",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached inactive",
                                "name": "reached-inactive",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "active",
                                        "inactive"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "active",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c9917a3c-af28-c39a-cbb1-1ca9e445f614",
                        "type": "JavaScriptFunction",
                        "label": "hantera hetsklickare",
                        "x": 566.8129494161617,
                        "y": -12.557599636333748,
                        "parameters": {
                            "functionScript": "switch(Inputs.state){\n    case 'active':\n        Outputs.doEvalute();\n    break;\n    \n    case 'inactive':\n        return;\n    break;\n}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-state",
                                "displayName": "state",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-doEvalute",
                                "displayName": "doEvalute",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "39592ec8-312b-fcc8-60c5-29c055399b2c",
                        "type": "Inverter",
                        "x": 596.8225568040616,
                        "y": 377.7202277358925,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c92311eb-33f3-4960-a387-05dc2cf420ce",
                        "type": "/Logic Components/Is user logged in?",
                        "x": 309.15597060936625,
                        "y": -193.22728528875962,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7864d015-e141-5c12-bc11-b5e63133c9d1",
                        "type": "/Logic Components/Is user logged in?",
                        "x": 285.15597060936625,
                        "y": 25.772714711240383,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "baa900d4-3f8a-947f-b055-9237ec4abf60",
                        "type": "Event Sender",
                        "label": "Liked Article",
                        "x": 1647.7917801146673,
                        "y": 49.9139489679564,
                        "parameters": {
                            "channelName": "Liked Article"
                        },
                        "ports": [
                            {
                                "name": "articleId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "group": "Payload",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9be80e08-aae1-8627-6da1-c65dbc78fc25",
                        "type": "Component Outputs",
                        "x": 310.16276064999056,
                        "y": 568.5741538546004,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "updated",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Comments Clicked",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 4949.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Article/Rating/Bad",
            "id": "898aa9fd-fdc4-5cbc-3cfd-ce5433b5b924",
            "graph": {
                "connections": [
                    {
                        "fromId": "44d84926-d295-9008-2676-a2d001f9ab2b",
                        "fromProperty": "mounted",
                        "toId": "cadfd425-366b-9673-7a01-cf7399430bed",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "cadfd425-366b-9673-7a01-cf7399430bed",
                        "fromProperty": "didMount",
                        "toId": "03b0f4e1-1f23-862b-a34d-78918c8cf7d9",
                        "toProperty": "focus"
                    },
                    {
                        "fromId": "8112180d-4262-bcbf-3f38-13f37a621bdf",
                        "fromProperty": "onClick",
                        "toId": "3d101108-5728-b01d-83ea-396194e0e615",
                        "toProperty": "Unselect Bad"
                    }
                ],
                "roots": [
                    {
                        "id": "cadfd425-366b-9673-7a01-cf7399430bed",
                        "type": "Group",
                        "x": 0,
                        "y": 0,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "8112180d-4262-bcbf-3f38-13f37a621bdf",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "right"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "93aa089c-bdae-0a6c-3b31-4c8aaccdb38f",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "close"
                                            },
                                            "iconColor": "#1A1A1A"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "461ddee6-6468-f1d5-be5e-ae4d21b18a5d",
                                "type": "Text",
                                "parameters": {
                                    "text": "Uh oh!",
                                    "sizeMode": "contentHeight",
                                    "textAlignX": "center",
                                    "fontSize": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "fontFamily": "Inter-Bold.ttf",
                                    "color": "#505758"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "03493d52-3dbd-8816-2052-98b82e9451ba",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center",
                                    "paddingTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d1a1a961-cbe1-1c49-0bb7-5c5b7a6ab033",
                                        "type": "Image",
                                        "parameters": {
                                            "src": "SadFace.png"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "6a23daa3-8803-0072-8841-c2e3027cbca2",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "de628a27-5fa4-2e50-e6d2-a8d0fd006fe9",
                                        "type": "Text",
                                        "parameters": {
                                            "textAlignX": "center",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "text": "Looks like we can do better. Since we are still learning and improving, your feedback helps us know how we can"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "d9d78382-c2cf-2a26-93fc-9515f6951a24",
                                "type": "Group",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "03b0f4e1-1f23-862b-a34d-78918c8cf7d9",
                                        "type": "net.noodl.controls.textinput",
                                        "parameters": {
                                            "useLabel": false,
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "borderRadius": {
                                                "value": 100,
                                                "unit": "px"
                                            },
                                            "placeholder": "Add a comment",
                                            "paddingTop": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 70,
                                                "unit": "px"
                                            },
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "borderColor": "Cyan Darkest",
                                            "backgroundColor": "#FFFFFF"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "91b6a949-f2e1-4796-901b-16eb4a980f60",
                                        "type": "net.noodl.controls.button",
                                        "parameters": {
                                            "alignX": "right",
                                            "useIcon": true,
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "send"
                                            },
                                            "borderRadius": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "label": "Post",
                                            "iconPlacement": "right",
                                            "paddingLeft": {
                                                "value": 30,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 30,
                                                "unit": "px"
                                            },
                                            "iconSize": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "fontSize": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "Cyan Dark"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "44d84926-d295-9008-2676-a2d001f9ab2b",
                        "type": "Component Inputs",
                        "x": -296.33333333333337,
                        "y": 49.666666666666686,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3d101108-5728-b01d-83ea-396194e0e615",
                        "type": "Component Outputs",
                        "x": 373.2004322064046,
                        "y": 99.6279775755192,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Unselect Bad",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 10409.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Article/Rating/Good",
            "id": "6af1b02c-3a8a-1cf2-bea7-59e22b72051a",
            "graph": {
                "connections": [
                    {
                        "fromId": "53ba6c58-81ee-6b11-1760-2148feda56a9",
                        "fromProperty": "mounted",
                        "toId": "f756c7be-9d49-e36c-8480-4c39a9b7b6e3",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "7129a020-0f97-5304-ce45-77a52cd2d18f",
                        "fromProperty": "onClick",
                        "toId": "21bd3b24-ebd3-a79c-c9fb-a4526d2f4654",
                        "toProperty": "Unselect Good"
                    }
                ],
                "roots": [
                    {
                        "id": "f756c7be-9d49-e36c-8480-4c39a9b7b6e3",
                        "type": "Group",
                        "x": 0,
                        "y": 0,
                        "parameters": {
                            "paddingTop": {
                                "value": 30,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 30,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "7129a020-0f97-5304-ce45-77a52cd2d18f",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "right"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "8295ca46-894a-bfc1-08c2-e9b74406db3d",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "close"
                                            },
                                            "iconColor": "#1A1A1A"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "1fcae03e-47de-41b8-84ce-5e3be4a7e201",
                                "type": "Text",
                                "parameters": {
                                    "text": "Great!",
                                    "sizeMode": "contentHeight",
                                    "textAlignX": "center",
                                    "fontSize": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "fontFamily": "Inter-Bold.ttf",
                                    "color": "#505758"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "bd93870f-c434-2157-23ac-67f828598a0d",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center",
                                    "paddingTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a9ea67a3-a96b-05f4-97c4-8f50bf4b4faa",
                                        "type": "Image",
                                        "parameters": {
                                            "src": "HappyFace.png"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "6bde0d0d-96ef-91bc-277e-26fd3e8202bb",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "cccab44b-cbb0-9fcb-d0a1-1477d2a09139",
                                        "type": "Text",
                                        "parameters": {
                                            "textAlignX": "center",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "text": "Since we are still learning and improving, your feedback helps us know when we get things right!"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "53ba6c58-81ee-6b11-1760-2148feda56a9",
                        "type": "Component Inputs",
                        "x": -255.33333333333337,
                        "y": -96.33333333333331,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "21bd3b24-ebd3-a79c-c9fb-a4526d2f4654",
                        "type": "Component Outputs",
                        "x": 413.9714789628563,
                        "y": 46.358310050811355,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Unselect Good",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 9499.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Article/Rating/Neutral",
            "id": "e44b89b7-095d-e890-7424-2e5afeb8d0ec",
            "graph": {
                "connections": [
                    {
                        "fromId": "9fc850bb-8449-c3db-71b6-2669692fe4f3",
                        "fromProperty": "mounted",
                        "toId": "86338cb8-4351-7a7b-3b0d-9976714c2df2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4104e448-e3ed-cc61-eadb-4ded6610cc42",
                        "fromProperty": "onClick",
                        "toId": "c0e51c9c-590d-8af7-0a10-3386937b18b0",
                        "toProperty": "Unselect Neutral"
                    }
                ],
                "roots": [
                    {
                        "id": "86338cb8-4351-7a7b-3b0d-9976714c2df2",
                        "type": "Group",
                        "x": 0,
                        "y": 0,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "4104e448-e3ed-cc61-eadb-4ded6610cc42",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "right"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6155f00f-5ac9-2b1e-35da-afd82364002b",
                                        "type": "net.noodl.visual.icon",
                                        "parameters": {
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "close"
                                            },
                                            "iconColor": "#1A1A1A"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "d5149951-4611-5d84-2c8c-0f25de3a07a7",
                                "type": "Text",
                                "parameters": {
                                    "text": "Looks like we can do better",
                                    "sizeMode": "contentHeight",
                                    "textAlignX": "center",
                                    "fontSize": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "fontFamily": "Inter-Bold.ttf",
                                    "color": "#505758"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "d6fa17b0-6473-7cd2-807e-1d6f569ae407",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center",
                                    "paddingTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "fe3b2fba-d240-f73c-ff97-fc6ca60dcdb8",
                                        "type": "Image",
                                        "parameters": {
                                            "src": "OkFace.png"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "80d80250-df20-7e69-1125-eb78d6f737c4",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "f5a715ed-3038-85be-7cc0-e4607ba6fa2c",
                                        "type": "Text",
                                        "parameters": {
                                            "textAlignX": "center",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "text": "Since we are still learning and improving, your feedback helps us know when we get things right!"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "9fc850bb-8449-c3db-71b6-2669692fe4f3",
                        "type": "Component Inputs",
                        "x": -268.33333333333337,
                        "y": -100.33333333333331,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c0e51c9c-590d-8af7-0a10-3386937b18b0",
                        "type": "Component Outputs",
                        "x": 281.9227200473726,
                        "y": 53.63952222376798,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Unselect Neutral",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 9954.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Article/Rating/Rating Component",
            "id": "3de4f541-850c-6c87-389b-cad99a547d96",
            "graph": {
                "connections": [
                    {
                        "fromId": "8af6e821-f930-e58b-2ea8-aa1e7feadde3",
                        "fromProperty": "onClick",
                        "toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "toProperty": "to-good"
                    },
                    {
                        "fromId": "7c81b991-9b0e-f2aa-f0bc-2924fedbe065",
                        "fromProperty": "onClick",
                        "toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "toProperty": "to-neutral"
                    },
                    {
                        "fromId": "c6ddcdc7-f752-fab7-9ab2-ada219af6ab8",
                        "fromProperty": "onClick",
                        "toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "toProperty": "to-bad"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "currentState",
                        "toId": "6dcef870-779a-df7e-0d82-28f155d55d9e",
                        "toProperty": "popupParam-state"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "reached-good",
                        "toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "reached-neutral",
                        "toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "reached-bad",
                        "toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "currentState",
                        "toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "toProperty": "in-state"
                    },
                    {
                        "fromId": "2d62032a-1c52-a49b-df34-21f60a9d01d3",
                        "fromProperty": "articleObjId",
                        "toId": "51369573-d9f3-88e2-8777-a4a72508fc97",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "51369573-d9f3-88e2-8777-a4a72508fc97",
                        "fromProperty": "prop-ratings",
                        "toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "toProperty": "in-articleRatings"
                    },
                    {
                        "fromId": "da30afc6-6280-e4e4-6ef8-ff1fc8f9e5b5",
                        "fromProperty": "id",
                        "toId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "toProperty": "in-userId"
                    },
                    {
                        "fromId": "51369573-d9f3-88e2-8777-a4a72508fc97",
                        "fromProperty": "id",
                        "toId": "83fb3a01-58b0-bc47-5c94-bb78815be930",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "fromProperty": "out-result",
                        "toId": "83fb3a01-58b0-bc47-5c94-bb78815be930",
                        "toProperty": "prop-ratings"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "at-bad",
                        "toId": "9fbfe476-c6cd-7e91-fad9-059adfade1de",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "at-default",
                        "toId": "24cc565e-4978-2833-19ed-4a5645771d52",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "at-default",
                        "toId": "6c96d00e-fff3-7a1b-8d33-af546c29de0d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "9fbfe476-c6cd-7e91-fad9-059adfade1de",
                        "fromProperty": "Unselect Bad",
                        "toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "at-neutral",
                        "toId": "cad66b2c-ef6a-81d4-009d-44681639bb21",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "fromProperty": "at-good",
                        "toId": "0e125ab1-7557-9f20-0f55-46cdd021f393",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "cad66b2c-ef6a-81d4-009d-44681639bb21",
                        "fromProperty": "Unselect Neutral",
                        "toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "0e125ab1-7557-9f20-0f55-46cdd021f393",
                        "fromProperty": "Unselect Good",
                        "toId": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "toProperty": "to-default"
                    }
                ],
                "roots": [
                    {
                        "id": "4c3381aa-c231-a8bd-4062-dd8899965077",
                        "type": "Group",
                        "label": "Rating Component",
                        "x": -64,
                        "y": -71,
                        "parameters": {
                            "backgroundColor": "#F0F0F0",
                            "paddingTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "alignItems": "center",
                            "height": {
                                "value": 100,
                                "unit": "%"
                            },
                            "width": {
                                "value": 100,
                                "unit": "vw"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "d7d8c4fc-85d5-26c3-b593-5e7265ffa84e",
                                "type": "Group",
                                "parameters": {
                                    "alignItems": "center",
                                    "maxWidth": {
                                        "value": 500,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "24cc565e-4978-2833-19ed-4a5645771d52",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Bold.ttf",
                                            "text": "Was this article helpful?",
                                            "color": "#505758",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6c96d00e-fff3-7a1b-8d33-af546c29de0d",
                                        "type": "Group",
                                        "label": "Rating Picker",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "justifyContent": "space-around",
                                            "marginTop": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "8af6e821-f930-e58b-2ea8-aa1e7feadde3",
                                                "type": "Group",
                                                "parameters": {
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "44f733f1-748a-02d0-1af0-6ca1cd26229f",
                                                        "type": "Image",
                                                        "label": "Happy",
                                                        "parameters": {
                                                            "srcSet": "HappyFace.png 2x"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "7c81b991-9b0e-f2aa-f0bc-2924fedbe065",
                                                "type": "Group",
                                                "parameters": {
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "fd18d90c-23c0-4856-9233-efaaaac7af1f",
                                                        "type": "Image",
                                                        "label": "Ok",
                                                        "parameters": {
                                                            "srcSet": "OkFace.png 2x"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "c6ddcdc7-f752-fab7-9ab2-ada219af6ab8",
                                                "type": "Group",
                                                "parameters": {
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "1bd62ba9-17b0-c89f-d1cb-1e184b9cbd79",
                                                        "type": "Image",
                                                        "label": "Sad",
                                                        "parameters": {
                                                            "srcSet": "SadFace.png 2x"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "9fbfe476-c6cd-7e91-fad9-059adfade1de",
                                        "type": "/Visual Components/Article/Rating/Bad",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "cad66b2c-ef6a-81d4-009d-44681639bb21",
                                        "type": "/Visual Components/Article/Rating/Neutral",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "0e125ab1-7557-9f20-0f55-46cdd021f393",
                                        "type": "/Visual Components/Article/Rating/Good",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8f151a02-ee44-4256-707d-01c0a1fdf984",
                        "type": "States",
                        "x": 641.5321689533259,
                        "y": 67.65206768385002,
                        "parameters": {
                            "states": "good,neutral,bad,default,ratingReceived",
                            "currentState": "default",
                            "values": "showRatingPicker",
                            "type-showRatingPicker": "boolean",
                            "value-good-showRatingPicker": true,
                            "value-neutral-showRatingPicker": true,
                            "value-bad-showRatingPicker": true,
                            "value-default-showRatingPicker": true,
                            "value-ratingReceived-showRatingPicker": false
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "showRatingPicker",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "showRatingPicker",
                                "name": "type-showRatingPicker",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "good Values",
                                "name": "value-good-showRatingPicker",
                                "displayName": "showRatingPicker",
                                "editorName": "good|showRatingPicker",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "good Transitions",
                                "name": "transitiondef-good",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To good",
                                "name": "to-good",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At good",
                                "name": "at-good",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached good",
                                "name": "reached-good",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "neutral Values",
                                "name": "value-neutral-showRatingPicker",
                                "displayName": "showRatingPicker",
                                "editorName": "neutral|showRatingPicker",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "neutral Transitions",
                                "name": "transitiondef-neutral",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To neutral",
                                "name": "to-neutral",
                                "group": "Go to state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At neutral",
                                "name": "at-neutral",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached neutral",
                                "name": "reached-neutral",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "bad Values",
                                "name": "value-bad-showRatingPicker",
                                "displayName": "showRatingPicker",
                                "editorName": "bad|showRatingPicker",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "bad Transitions",
                                "name": "transitiondef-bad",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To bad",
                                "name": "to-bad",
                                "group": "Go to state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At bad",
                                "name": "at-bad",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached bad",
                                "name": "reached-bad",
                                "group": "Current state",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "default Values",
                                "name": "value-default-showRatingPicker",
                                "displayName": "showRatingPicker",
                                "editorName": "default|showRatingPicker",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "default Transitions",
                                "name": "transitiondef-default",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 25
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 26
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": "boolean",
                                "group": "ratingReceived Values",
                                "name": "value-ratingReceived-showRatingPicker",
                                "displayName": "showRatingPicker",
                                "editorName": "ratingReceived|showRatingPicker",
                                "index": 28
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "ratingReceived Transitions",
                                "name": "transitiondef-ratingReceived",
                                "index": 29
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To ratingReceived",
                                "name": "to-ratingReceived",
                                "group": "Go to state",
                                "index": 30
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At ratingReceived",
                                "name": "at-ratingReceived",
                                "group": "Current state",
                                "index": 31
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached ratingReceived",
                                "name": "reached-ratingReceived",
                                "group": "Current state",
                                "index": 32
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "good",
                                        "neutral",
                                        "bad",
                                        "default",
                                        "ratingReceived"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "good",
                                "index": 33
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6dcef870-779a-df7e-0d82-28f155d55d9e",
                        "type": "NavigationShowPopup",
                        "x": 932.1620839503163,
                        "y": 34.40600435756397,
                        "parameters": {
                            "target": "/Pop-ups/Rating/Rating Popup"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "popupParam-state",
                                "displayName": "state",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "eb8182c9-1a75-05c6-5c79-aa4c801b1f24",
                        "type": "JavaScriptFunction",
                        "label": "update articlerating",
                        "x": 603.6666666666666,
                        "y": 485.6666666666666,
                        "parameters": {
                            "functionScript": "if(Inputs.state && Inputs.articleRatings && Inputs.userId){\n    \n    //Inputs.articleRatings = object{ state:array[], state:array[], state:array[] }\n    //Inputs.articleRatings[state] = noodl.array( {user:user.id}, ... )\n    \n    const state = Inputs.state;\n    let myRatings = Inputs.articleRatings;\n    let ratingsArray = Noodl.Array.create({});\n    \n    //is the current user in the list of rating for any state this article has?\n    let isRated = false;\n    for(let x in myRatings.data){\n        console.log(x);\n        switch(x){\n            case 'good':\n                if(myRatings[x].items.filter(item => item.user == Inputs.userId).length){\n                    alert('You already rated this article ' + x + '. You cannot change your rating after it has been given. In other words, no takesies backsies.');\n                    isRated = true;\n                }\n            break;\n            \n            case 'neutral':\n                if(myRatings[x].items.filter(item => item.user == Inputs.userId).length){\n                    alert('You already rated this article ' + x + '. You cannot change your rating after it has been given. In other words, no takesies backsies.');\n                    isRated = true;\n                }\n            break;\n            \n            case 'bad':\n                if(myRatings[x].items.filter(item => item.user == Inputs.userId).length){\n                    alert('You already rated this article ' + x + '. You cannot change your rating after it has been given. In other words, no takesies backsies.');\n                    isRated = true;\n                }\n            break;\n        }\n    }\n    \n    if(!isRated){\n    //does the selected state exist in db?\n        if(myRatings[state] != undefined){\n            //yes\n            \n            //does the selected state contain any ratings?\n            if(myRatings[state].items != undefined && myRatings[state].items.length > 0){\n                //yes\n                ratingsArray.items = myRatings[state].items;\n                \n                //if user is not in list of ratings for this state, push user rating\n                if(ratingsArray.items.filter(item => item.user == Inputs.userId).length != 1){\n                    ratingsArray.items.push( Noodl.Object.create({'user':Inputs.userId}) );    \n                }\n            }else{\n                //no ratings found for this state\n                ratingsArray.items.push( Noodl.Object.create({'user':Inputs.userId}) );\n                myRatings[state] = ratingsArray;\n            }\n        }else{\n            //the state wasn't found for this article\n            ratingsArray.items.push( Noodl.Object.create({'user':Inputs.userId}) );\n            myRatings[state] = ratingsArray;\n        }\n        \n        Outputs.result = myRatings;\n    }\n}\n   "
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-state",
                                "displayName": "state",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-articleRatings",
                                "displayName": "articleRatings",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "in-userId",
                                "displayName": "userId",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "out-result",
                                "displayName": "result",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a0da8364-9a59-720b-71b9-d0324a07a5da",
                        "type": "Component Outputs",
                        "x": 873.4766438626275,
                        "y": 294.3521837173381,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2d62032a-1c52-a49b-df34-21f60a9d01d3",
                        "type": "Component Inputs",
                        "x": 320.9947953157351,
                        "y": 754.3963140110352,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "articleObjId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "51369573-d9f3-88e2-8777-a4a72508fc97",
                        "type": "DbModel2",
                        "x": 550.4727250853969,
                        "y": 745.2707689081878,
                        "parameters": {
                            "collectionName": "Article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 11
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-article_id",
                                "displayName": "article_id",
                                "index": 13
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "article_id Changed",
                                "name": "changed-article_id",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-likes_count",
                                "displayName": "likes_count",
                                "index": 15
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "likes_count Changed",
                                "name": "changed-likes_count",
                                "index": 16
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-ratings",
                                "displayName": "ratings",
                                "index": 17
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "ratings Changed",
                                "name": "changed-ratings",
                                "index": 18
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "da30afc6-6280-e4e4-6ef8-ff1fc8f9e5b5",
                        "type": "net.noodl.user.User",
                        "x": 913.3298471874574,
                        "y": 613.4058059882454,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "83fb3a01-58b0-bc47-5c94-bb78815be930",
                        "type": "SetDbModelProperties",
                        "x": 919.727421186174,
                        "y": 721.8195985990706,
                        "parameters": {
                            "collectionName": "Article"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-article_id",
                                "displayName": "article_id",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "number"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-likes_count",
                                "displayName": "likes_count",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-ratings",
                                "displayName": "ratings",
                                "index": 14
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 5859.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Article/Reference Component",
            "id": "c4af0f8e-9599-b92e-b9e7-4857f847be05",
            "graph": {
                "connections": [
                    {
                        "fromId": "d3b8fe05-5c6c-4485-e8a6-802868c1b379",
                        "fromProperty": "onClick",
                        "toId": "c7bbd946-153c-17f6-5299-2e306030d1a5",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "c7bbd946-153c-17f6-5299-2e306030d1a5",
                        "fromProperty": "Mounted",
                        "toId": "ad022c67-dd05-cb1e-48bf-784a9fab0383",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c7bbd946-153c-17f6-5299-2e306030d1a5",
                        "fromProperty": "Rotation",
                        "toId": "526f461a-01fd-ef72-10df-03f90aaefbb3",
                        "toProperty": "transformRotation"
                    },
                    {
                        "fromId": "6a993069-deda-5a58-4e57-422088b8ea69",
                        "fromProperty": "Reference Markdown",
                        "toId": "f9f1e448-293e-32ce-907a-ceef0f810a91",
                        "toProperty": "source"
                    },
                    {
                        "fromId": "f523e0da-e16c-6581-17ad-6d99f2433c9f",
                        "fromProperty": "this",
                        "toId": "c5ac467f-5168-f8af-878e-07f46676c2e8",
                        "toProperty": "Reference"
                    }
                ],
                "roots": [
                    {
                        "id": "f523e0da-e16c-6581-17ad-6d99f2433c9f",
                        "type": "Group",
                        "label": "References",
                        "x": -14,
                        "y": -57,
                        "parameters": {
                            "flexDirection": "column",
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 24,
                                "unit": "px"
                            },
                            "justifyContent": "space-between",
                            "styleCss": "/* background-color: red; */\n"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "d3b8fe05-5c6c-4485-e8a6-802868c1b379",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight",
                                    "justifyContent": "space-between",
                                    "styleCss": "/* background-color: red; */\ncursor:pointer;"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "975ed988-e751-7e94-f9a5-2f3344da98c1",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Bold.ttf",
                                            "color": "#505758",
                                            "text": "References",
                                            "alignY": "center",
                                            "styleCss": "/* background-color: red; */\n"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "526f461a-01fd-ef72-10df-03f90aaefbb3",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "5e1606d1-a303-278d-6092-791d1fae5cc0",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "chevron_right"
                                                    },
                                                    "iconColor": "#67A8AC",
                                                    "iconSize": {
                                                        "value": 32,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center",
                                                    "styleCss": "/* background-color: red; */\n",
                                                    "alignX": "right"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "ad022c67-dd05-cb1e-48bf-784a9fab0383",
                                "type": "Group",
                                "parameters": {
                                    "clip": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "f9f1e448-293e-32ce-907a-ceef0f810a91",
                                        "type": "Markdown",
                                        "parameters": {
                                            "cssClassName": "article"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "c7bbd946-153c-17f6-5299-2e306030d1a5",
                        "type": "States",
                        "x": 428.06118812261127,
                        "y": 93.98759366165177,
                        "parameters": {
                            "states": "RefCollapsed,RefExpanded",
                            "values": "Mounted,Height,Rotation",
                            "value-RefCollapsed-Mounted": 0,
                            "value-RefExpanded-Mounted": 1,
                            "transition-RefCollapsed-Mounted": {
                                "curve": [
                                    0,
                                    0,
                                    1,
                                    1
                                ],
                                "dur": 0,
                                "delay": 0
                            },
                            "transition-RefExpanded-Mounted": {
                                "curve": [
                                    0,
                                    0,
                                    1,
                                    1
                                ],
                                "dur": 0,
                                "delay": 0
                            },
                            "value-RefCollapsed-Height": 0,
                            "value-RefExpanded-Height": 100,
                            "value-RefCollapsed-Rotation": 0,
                            "value-RefExpanded-Rotation": 90,
                            "transition-RefExpanded-Height": {
                                "curve": [
                                    0.42,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 1500,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Mounted",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Mounted",
                                "name": "type-Mounted",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Height",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Height",
                                "name": "type-Height",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Rotation",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "Rotation",
                                "name": "type-Rotation",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "RefCollapsed Values",
                                "name": "value-RefCollapsed-Mounted",
                                "displayName": "Mounted",
                                "editorName": "RefCollapsed|Mounted",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "RefCollapsed Values",
                                "name": "value-RefCollapsed-Height",
                                "displayName": "Height",
                                "editorName": "RefCollapsed|Height",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "RefCollapsed Values",
                                "name": "value-RefCollapsed-Rotation",
                                "displayName": "Rotation",
                                "editorName": "RefCollapsed|Rotation",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefCollapsed Transitions",
                                "name": "transitiondef-RefCollapsed",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefCollapsed Transitions",
                                "name": "transition-RefCollapsed-Mounted",
                                "displayName": "Mounted",
                                "editorName": "Transition RefCollapsed|Mounted",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefCollapsed Transitions",
                                "name": "transition-RefCollapsed-Height",
                                "displayName": "Height",
                                "editorName": "Transition RefCollapsed|Height",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefCollapsed Transitions",
                                "name": "transition-RefCollapsed-Rotation",
                                "displayName": "Rotation",
                                "editorName": "Transition RefCollapsed|Rotation",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To RefCollapsed",
                                "name": "to-RefCollapsed",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At RefCollapsed",
                                "name": "at-RefCollapsed",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached RefCollapsed",
                                "name": "reached-RefCollapsed",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "RefExpanded Values",
                                "name": "value-RefExpanded-Mounted",
                                "displayName": "Mounted",
                                "editorName": "RefExpanded|Mounted",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "RefExpanded Values",
                                "name": "value-RefExpanded-Height",
                                "displayName": "Height",
                                "editorName": "RefExpanded|Height",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "RefExpanded Values",
                                "name": "value-RefExpanded-Rotation",
                                "displayName": "Rotation",
                                "editorName": "RefExpanded|Rotation",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefExpanded Transitions",
                                "name": "transitiondef-RefExpanded",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefExpanded Transitions",
                                "name": "transition-RefExpanded-Mounted",
                                "displayName": "Mounted",
                                "editorName": "Transition RefExpanded|Mounted",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefExpanded Transitions",
                                "name": "transition-RefExpanded-Height",
                                "displayName": "Height",
                                "editorName": "Transition RefExpanded|Height",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "RefExpanded Transitions",
                                "name": "transition-RefExpanded-Rotation",
                                "displayName": "Rotation",
                                "editorName": "Transition RefExpanded|Rotation",
                                "index": 28
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To RefExpanded",
                                "name": "to-RefExpanded",
                                "group": "Go to state",
                                "index": 29
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At RefExpanded",
                                "name": "at-RefExpanded",
                                "group": "Current state",
                                "index": 30
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached RefExpanded",
                                "name": "reached-RefExpanded",
                                "group": "Current state",
                                "index": 31
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "RefCollapsed",
                                        "RefExpanded"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "RefCollapsed",
                                "index": 32
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6a993069-deda-5a58-4e57-422088b8ea69",
                        "type": "Component Inputs",
                        "x": -283,
                        "y": 152,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Reference Markdown",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c5ac467f-5168-f8af-878e-07f46676c2e8",
                        "type": "Component Outputs",
                        "x": 350.74941034277913,
                        "y": -118.36435818049335,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Reference",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 5404.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Bottom Button Section",
            "id": "7f06e1d9-8e22-0546-c86b-6880a814058a",
            "graph": {
                "connections": [
                    {
                        "fromId": "ad39e980-9775-4b7c-cc51-9843695ccda3",
                        "fromProperty": "onClick",
                        "toId": "4c5320d0-12c8-f64b-ddeb-c465db714b57",
                        "toProperty": "Back Button Click"
                    },
                    {
                        "fromId": "34cf1766-25d1-e652-7185-17d36aa8c348",
                        "fromProperty": "onClick",
                        "toId": "4c5320d0-12c8-f64b-ddeb-c465db714b57",
                        "toProperty": "Next Button Click"
                    }
                ],
                "roots": [
                    {
                        "id": "b12cebdf-3dfa-01b6-9c40-8148bb55743b",
                        "type": "Group",
                        "x": -388,
                        "y": -135,
                        "parameters": {
                            "flexDirection": "row",
                            "justifyContent": "space-between",
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ad39e980-9775-4b7c-cc51-9843695ccda3",
                                "type": "net.noodl.controls.button",
                                "variant": "Button Secondary",
                                "label": "Back Button",
                                "parameters": {
                                    "height": {
                                        "value": 40,
                                        "unit": "px"
                                    },
                                    "sizeMode": "explicit",
                                    "marginRight": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "label": "Back"
                                },
                                "stateParameters": {},
                                "stateTransitions": {},
                                "defaultStateTransitions": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "34cf1766-25d1-e652-7185-17d36aa8c348",
                                "type": "net.noodl.controls.button",
                                "variant": "Button Primary",
                                "label": "Next Button",
                                "parameters": {
                                    "label": "Next"
                                },
                                "stateParameters": {},
                                "stateTransitions": {},
                                "defaultStateTransitions": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "4c5320d0-12c8-f64b-ddeb-c465db714b57",
                        "type": "Component Outputs",
                        "x": -18.08460970301121,
                        "y": -82.77062949295305,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Back Button Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Next Button Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 2739,
                    "y": 29.01498438671254
                }
            }
        },
        {
            "name": "/Visual Components/Mobile Content Container",
            "id": "0053890a-54f5-721b-63a5-7cf764f66d7a",
            "graph": {
                "connections": [
                    {
                        "fromId": "bc586218-aedd-6aec-a79c-628d79419fed",
                        "fromProperty": "screenPositionY",
                        "toId": "34aae098-ef2e-eab1-a89f-648b1c0ecb31",
                        "toProperty": "Screen Position Y"
                    }
                ],
                "roots": [
                    {
                        "id": "bc586218-aedd-6aec-a79c-628d79419fed",
                        "type": "Group",
                        "label": "Mobile Content Container",
                        "x": 0,
                        "y": 0,
                        "parameters": {
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 24,
                                "unit": "px"
                            },
                            "alignX": "center",
                            "maxWidth": {
                                "value": 488,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "cbbd6a06-c1e6-3d3a-9c8d-14de3203cde4",
                                "type": "Component Children",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "34aae098-ef2e-eab1-a89f-648b1c0ecb31",
                        "type": "Component Outputs",
                        "x": 259.71432675695223,
                        "y": -5.002190856515796,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Screen Position Y",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -2748.507337795446,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Mobile Page Content Container",
            "id": "b64fb5c7-e0d6-7c62-f734-c262a3516ac3",
            "graph": {
                "connections": [],
                "roots": [
                    {
                        "id": "85fcd23c-8221-2c3b-2f15-01f5dc203247",
                        "type": "Group",
                        "label": "Content Container",
                        "x": 55,
                        "y": 12,
                        "parameters": {
                            "alignX": "center",
                            "alignItems": "center",
                            "maxWidth": {
                                "value": 488,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 48,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "913e1c7b-9f07-0c09-bbe5-7c2d76357cbd",
                                "type": "Component Children",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -6550.855962682566,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/New Pill Popup",
            "id": "a3ec71a5-67ee-2cdb-289a-4ed3b3442cf6",
            "graph": {
                "connections": [
                    {
                        "fromId": "21712f65-0dee-d57c-7533-6889db6803d9",
                        "fromProperty": "onClick",
                        "toId": "eedf5109-d8d4-4b9c-5a7e-6ec37d850ff7",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "4490be02-988f-1102-ee91-585c23310cd5",
                        "fromProperty": "Label",
                        "toId": "e6e3b606-425b-af26-5797-163f38495e2e",
                        "toProperty": "label"
                    },
                    {
                        "fromId": "4490be02-988f-1102-ee91-585c23310cd5",
                        "fromProperty": "Array Id",
                        "toId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "e6e3b606-425b-af26-5797-163f38495e2e",
                        "fromProperty": "onTextChanged",
                        "toId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
                        "toProperty": "prop-label"
                    },
                    {
                        "fromId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
                        "fromProperty": "id",
                        "toId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
                        "toProperty": "modifyId"
                    },
                    {
                        "fromId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
                        "fromProperty": "created",
                        "toId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
                        "fromProperty": "modified",
                        "toId": "a99fdf9b-9c73-0bd6-6919-5ff026294fd7",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "4490be02-988f-1102-ee91-585c23310cd5",
                        "fromProperty": "Array Id",
                        "toId": "dd5ddd03-861b-172c-c515-01664f0cc0b7",
                        "toProperty": "arrayId"
                    },
                    {
                        "fromId": "dd5ddd03-861b-172c-c515-01664f0cc0b7",
                        "fromProperty": "result",
                        "toId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "2845d0ed-61a2-d8fd-98db-c3e86f781bcb",
                        "fromProperty": "onClick",
                        "toId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
                        "toProperty": "eval"
                    },
                    {
                        "fromId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
                        "fromProperty": "onfalse",
                        "toId": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
                        "toProperty": "new"
                    },
                    {
                        "fromId": "4490be02-988f-1102-ee91-585c23310cd5",
                        "fromProperty": "Symptom Bucket",
                        "toId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
                        "toProperty": "prop-Symptom Bucket"
                    },
                    {
                        "fromId": "e6e3b606-425b-af26-5797-163f38495e2e",
                        "fromProperty": "onTextChanged",
                        "toId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
                        "toProperty": "prop-Symptom"
                    },
                    {
                        "fromId": "0714f827-236f-1a75-116b-9ebd41cafaf4",
                        "fromProperty": "ontrue",
                        "toId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
                        "toProperty": "new"
                    },
                    {
                        "fromId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
                        "fromProperty": "id",
                        "toId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
                        "toProperty": "modifyId"
                    },
                    {
                        "fromId": "84c1b706-a230-8d06-8774-c002b4ce8d37",
                        "fromProperty": "created",
                        "toId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "4490be02-988f-1102-ee91-585c23310cd5",
                        "fromProperty": "Array Id",
                        "toId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "bb966ea1-8ac2-a014-be1b-482bf4218909",
                        "fromProperty": "modified",
                        "toId": "a99fdf9b-9c73-0bd6-6919-5ff026294fd7",
                        "toProperty": "close"
                    },
                    {
                        "fromId": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
                        "fromProperty": "modified",
                        "toId": "c79bd404-dc41-79d1-5f7a-0f9d450eaf9b",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "12f0a0f5-2389-78a7-7b7f-fbef1db23bf6",
                        "fromProperty": "didMount",
                        "toId": "e6e3b606-425b-af26-5797-163f38495e2e",
                        "toProperty": "focus"
                    }
                ],
                "roots": [
                    {
                        "id": "12f0a0f5-2389-78a7-7b7f-fbef1db23bf6",
                        "type": "Group",
                        "x": 0,
                        "y": 0,
                        "parameters": {
                            "backgroundColor": "#00000033"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "a76dfa2d-7227-5554-37ba-8df6c36ec305",
                                "type": "Group",
                                "label": "Popup BG",
                                "parameters": {
                                    "height": {
                                        "value": 240,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 90,
                                        "unit": "%"
                                    },
                                    "alignY": "center",
                                    "alignX": "center",
                                    "backgroundColor": "#FFFFFF",
                                    "borderRadius": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "boxShadowEnabled": true,
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "maxWidth": {
                                        "value": 440,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "21712f65-0dee-d57c-7533-6889db6803d9",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "9fba8624-e3a1-c929-368c-aeb84411e68c",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconColor": "Dark",
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "close"
                                                    },
                                                    "iconSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "e6e3b606-425b-af26-5797-163f38495e2e",
                                        "type": "net.noodl.controls.textinput",
                                        "parameters": {
                                            "marginTop": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "label": "What other symptom do you have?",
                                            "labelfontFamily": "Inter-Regular.ttf",
                                            "labelfontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "labelSpacing": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "fontFamily": "Inter-Medium.ttf",
                                            "borderStyle": "none",
                                            "borderBottomStyle": "solid",
                                            "borderBottomWidth": {
                                                "value": 2,
                                                "unit": "px"
                                            },
                                            "borderBottomColor": "Medium Gray",
                                            "borderRadius": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "placeholder": "",
                                            "labeltextTransform": "none"
                                        },
                                        "stateParameters": {
                                            "focused": {
                                                "labelcolor": "Cyan Dark"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "2845d0ed-61a2-d8fd-98db-c3e86f781bcb",
                                        "type": "net.noodl.controls.button",
                                        "parameters": {
                                            "marginTop": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "alignX": "right",
                                            "backgroundColor": "Cyan Dark",
                                            "borderRadius": {
                                                "value": 50,
                                                "unit": "px"
                                            },
                                            "label": "Add",
                                            "fontFamily": "Inter-SemiBold.ttf",
                                            "fontSize": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "useIcon": true,
                                            "iconPlacement": "right",
                                            "iconIconSource": {
                                                "class": "material-icons",
                                                "code": "add"
                                            },
                                            "iconSize": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "eedf5109-d8d4-4b9c-5a7e-6ec37d850ff7",
                        "type": "NavigationClosePopup",
                        "x": 408,
                        "y": 46.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4490be02-988f-1102-ee91-585c23310cd5",
                        "type": "Component Inputs",
                        "x": -225.42020555539565,
                        "y": 317.76739218486136,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Array Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Symptom Bucket",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5e4a6066-3375-58a8-6eb8-94a3c1db2731",
                        "type": "CollectionInsert",
                        "x": 245.65169727172798,
                        "y": 378.25090963942444,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e06c9b7f-eb7e-deaa-faa5-3fa5893af346",
                        "type": "NewModel",
                        "x": 578.8025074759412,
                        "y": 261.81450129976116,
                        "parameters": {
                            "properties": "label,value,otherCondition",
                            "type-label": "string",
                            "type-selected": "boolean",
                            "type-value": "boolean",
                            "prop-value": true,
                            "type-otherCondition": "boolean",
                            "prop-otherCondition": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "label",
                                "name": "prop-label",
                                "index": 4
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "label",
                                "name": "type-label",
                                "index": 5
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "value",
                                "name": "prop-value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "value",
                                "name": "type-value",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "otherCondition",
                                "name": "prop-otherCondition",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "otherCondition",
                                "name": "type-otherCondition",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a99fdf9b-9c73-0bd6-6919-5ff026294fd7",
                        "type": "NavigationClosePopup",
                        "x": 579.2816116151281,
                        "y": 450.48059375030033,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dd5ddd03-861b-172c-c515-01664f0cc0b7",
                        "type": "Expression",
                        "x": -4.7385854906731595,
                        "y": 733.8588693588007,
                        "parameters": {
                            "expression": "arrayId==\"Selected Symptoms\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "arrayId",
                                "type": {
                                    "name": "*",
                                    "editAsType": "string"
                                },
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0714f827-236f-1a75-116b-9ebd41cafaf4",
                        "type": "Condition",
                        "x": 259.6405627444634,
                        "y": 699.7334820261842,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "84c1b706-a230-8d06-8774-c002b4ce8d37",
                        "type": "NewModel",
                        "x": 565.7027157506121,
                        "y": 767.9042322925476,
                        "parameters": {
                            "properties": "Symptom,Symptom Bucket,userAdded",
                            "type-Symptom": "string",
                            "type-Symptom Bucket": "string",
                            "type-userAdded": "boolean",
                            "prop-userAdded": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "Symptom",
                                "name": "prop-Symptom",
                                "index": 4
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "Symptom",
                                "name": "type-Symptom",
                                "index": 5
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "Symptom Bucket",
                                "name": "prop-Symptom Bucket",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "Symptom Bucket",
                                "name": "type-Symptom Bucket",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "userAdded",
                                "name": "prop-userAdded",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "userAdded",
                                "name": "type-userAdded",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bb966ea1-8ac2-a014-be1b-482bf4218909",
                        "type": "CollectionInsert",
                        "x": 574.6269414522902,
                        "y": 596.8565730103801,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c79bd404-dc41-79d1-5f7a-0f9d450eaf9b",
                        "type": "Set Variable",
                        "x": 842.0941500275709,
                        "y": 290.3620009168993,
                        "parameters": {
                            "name": "otherDiagnosisAdded",
                            "setWith": "boolean",
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": -9159.308480860791,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Pills/I don't know Pill",
            "id": "10bb35d4-93b0-b67d-55ea-56629005fb89",
            "graph": {
                "connections": [
                    {
                        "fromId": "7da9cac5-90a1-de14-b3bc-e2ba53889a83",
                        "fromProperty": "prop-label",
                        "toId": "589a7cc8-30e1-afd3-3db7-1fbda0c60587",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "80aedf1b-b682-c887-66e3-eabaf8258de7",
                        "fromProperty": "onClick",
                        "toId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
                        "fromProperty": "bgcolor",
                        "toId": "80aedf1b-b682-c887-66e3-eabaf8258de7",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
                        "fromProperty": "result",
                        "toId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
                        "toProperty": "to-selected"
                    },
                    {
                        "fromId": "7da9cac5-90a1-de14-b3bc-e2ba53889a83",
                        "fromProperty": "prop-value",
                        "toId": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "fd62e948-c739-756c-7388-6ab2715a020c",
                        "fromProperty": "items",
                        "toId": "ad31aab7-643a-c455-cae3-9c244c55b91b",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "ad31aab7-643a-c455-cae3-9c244c55b91b",
                        "fromProperty": "items",
                        "toId": "e9f05753-f536-d22a-aa3a-3106ac8216dd",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "e9f05753-f536-d22a-aa3a-3106ac8216dd",
                        "fromProperty": "items",
                        "toId": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "106bf0e8-1245-1ad6-2167-e51dbb02d391",
                        "fromProperty": "eventReceived",
                        "toId": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
                        "toProperty": "filter"
                    },
                    {
                        "fromId": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
                        "fromProperty": "count",
                        "toId": "72a6bc69-db67-c5b5-1004-f2d20034524e",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "72a6bc69-db67-c5b5-1004-f2d20034524e",
                        "fromProperty": "ontrue",
                        "toId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
                        "toProperty": "to-not selected"
                    },
                    {
                        "fromId": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
                        "fromProperty": "ontrue",
                        "toId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
                        "fromProperty": "reached-selected",
                        "toId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
                        "fromProperty": "stored",
                        "toId": "fcc09312-ec82-2e42-f515-9b5f8fc5765f",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
                        "fromProperty": "reached-not selected",
                        "toId": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
                        "fromProperty": "stored",
                        "toId": "dbbdf0d2-7267-fa1e-3ef5-09dc095896e3",
                        "toProperty": "do"
                    },
                    {
                        "fromId": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
                        "fromProperty": "stored",
                        "toId": "89aa9557-e37c-a296-2040-96d21aa2911f",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
                        "fromProperty": "stored",
                        "toId": "89aa9557-e37c-a296-2040-96d21aa2911f",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "80aedf1b-b682-c887-66e3-eabaf8258de7",
                        "type": "Group",
                        "x": -245.39233388816194,
                        "y": 385.3063181742477,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "backgroundColor": "transparent",
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "Cyan Dark",
                            "borderRadius": {
                                "value": 50,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 4,
                                "unit": "px"
                            },
                            "height": {
                                "value": 40,
                                "unit": "px"
                            },
                            "styleCss": "/* background-color: red; */\ncursor:pointer;"
                        },
                        "stateParameters": {
                            "hover": {
                                "backgroundColor": "Blue Cloud"
                            }
                        },
                        "defaultStateTransitions": {
                            "hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 300,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "589a7cc8-30e1-afd3-3db7-1fbda0c60587",
                                "type": "Text",
                                "parameters": {
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false,
                                    "blockTouch": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "7da9cac5-90a1-de14-b3bc-e2ba53889a83",
                        "type": "Model2",
                        "x": -491.34809301724323,
                        "y": 189.3278455277992,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "label,value"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-label",
                                "displayName": "label",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "label Changed",
                                "name": "changed-label",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-value",
                                "displayName": "value",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "value Changed",
                                "name": "changed-value",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ddefc22a-4e88-38b1-e279-fd9ca6a2136f",
                        "type": "States",
                        "label": "States",
                        "x": 107.01936827481097,
                        "y": 375.66991598914575,
                        "parameters": {
                            "states": "selected,not selected",
                            "currentState": "not selected",
                            "values": "bgcolor",
                            "type-bgcolor": "color",
                            "value-selected-bgcolor": "Cyan Dark",
                            "value-not selected-bgcolor": "#FFFFFF00"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "color",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "bgcolor",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "bgcolor",
                                "name": "type-bgcolor",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "color",
                                "group": "selected Values",
                                "name": "value-selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "selected|bgcolor",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "selected Transitions",
                                "name": "transitiondef-selected",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "selected Transitions",
                                "name": "transition-selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "Transition selected|bgcolor",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To selected",
                                "name": "to-selected",
                                "group": "Go to state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At selected",
                                "name": "at-selected",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached selected",
                                "name": "reached-selected",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "color",
                                "group": "not selected Values",
                                "name": "value-not selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "not selected|bgcolor",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "not selected Transitions",
                                "name": "transitiondef-not selected",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "not selected Transitions",
                                "name": "transition-not selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "Transition not selected|bgcolor",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To not selected",
                                "name": "to-not selected",
                                "group": "Go to state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At not selected",
                                "name": "at-not selected",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached not selected",
                                "name": "reached-not selected",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "selected",
                                        "not selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "selected",
                                "index": 20
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "35f01fd3-fea3-6d5a-5772-5c858d7bfd6b",
                        "type": "Condition",
                        "x": 94.5883049089,
                        "y": 218.9607160815474,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bbf62076-5523-69a6-42ce-a257b9cf0049",
                        "type": "Variable2",
                        "x": 655.0215203763349,
                        "y": 78.6363599587691,
                        "parameters": {
                            "name": "I don't know selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fcc09312-ec82-2e42-f515-9b5f8fc5765f",
                        "type": "Set Variable",
                        "x": 728.3281006977107,
                        "y": 301.9657093099373,
                        "parameters": {
                            "name": "I don't know selected",
                            "setWith": "boolean",
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dbbdf0d2-7267-fa1e-3ef5-09dc095896e3",
                        "type": "Set Variable",
                        "x": 757.3097719875569,
                        "y": 574.7343802731962,
                        "parameters": {
                            "name": "I don't know selected",
                            "setWith": "boolean",
                            "value": false
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "General",
                                "name": "value",
                                "displayName": "Value",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fd62e948-c739-756c-7388-6ab2715a020c",
                        "type": "Collection2",
                        "x": -431.4682576423992,
                        "y": 660.2609141765596,
                        "parameters": {
                            "collectionId": "Conditions"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ad31aab7-643a-c455-cae3-9c244c55b91b",
                        "type": "Filter Collection",
                        "x": -156.46527573936038,
                        "y": 680.432240271459,
                        "parameters": {
                            "filterFilter": "label",
                            "filterFilterOp-label": "neq",
                            "filterFilterValue-label": "I don't know"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "label filter",
                                "displayName": "Type",
                                "editorName": "label filter | Type",
                                "name": "filterFilterType-label",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "label filter",
                                "displayName": "Op",
                                "editorName": "label filter| Op",
                                "name": "filterFilterOp-label",
                                "index": 11
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "label filter",
                                "displayName": "Value",
                                "editorName": "label Filter Value",
                                "name": "filterFilterValue-label",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e9f05753-f536-d22a-aa3a-3106ac8216dd",
                        "type": "Collection2",
                        "x": -147.94125477175857,
                        "y": 796.358925430844,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c3eafe51-1ce7-59e8-2eb3-48361aa7704d",
                        "type": "Filter Collection",
                        "x": 80.36007047818907,
                        "y": 813.8066427760275,
                        "parameters": {
                            "filterFilter": "value",
                            "filterFilterType-value": "boolean",
                            "filterFilterValue-value": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "value filter",
                                "displayName": "Type",
                                "editorName": "value filter | Type",
                                "name": "filterFilterType-value",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "value filter",
                                "displayName": "Op",
                                "editorName": "value filter| Op",
                                "name": "filterFilterOp-value",
                                "index": 11
                            },
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "value filter",
                                "displayName": "Value",
                                "editorName": "value Filter Value",
                                "name": "filterFilterValue-value",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "106bf0e8-1245-1ad6-2167-e51dbb02d391",
                        "type": "Event Receiver",
                        "x": 25.94877296731903,
                        "y": 1004.3813711685091,
                        "parameters": {
                            "channelName": "Condition Changed"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "72a6bc69-db67-c5b5-1004-f2d20034524e",
                        "type": "Condition",
                        "x": 401.3545376689086,
                        "y": 795.8226130009591,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2a4d92d1-9ee0-c6b1-e9e0-39d1919ddb1e",
                        "type": "SetModelProperties",
                        "x": 433.8456128492978,
                        "y": 304.5835996208014,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "value",
                            "type-value": "boolean",
                            "prop-value": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "value",
                                "name": "prop-value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "value",
                                "name": "type-value",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f27277ba-cf83-53d0-ec8b-dee5fca438b1",
                        "type": "SetModelProperties",
                        "x": 485.46034441599477,
                        "y": 555.865845406037,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "value",
                            "type-value": "boolean"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "value",
                                "name": "prop-value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "value",
                                "name": "type-value",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "89aa9557-e37c-a296-2040-96d21aa2911f",
                        "type": "Event Sender",
                        "x": 716.1094989303141,
                        "y": 434.94546462079654,
                        "parameters": {
                            "channelName": "I don't Know Changed"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3840.943162561708,
                    "y": 264.72753823016166
                }
            }
        },
        {
            "name": "/Visual Components/Pills/Multi Select Pill",
            "id": "f8971cc2-f487-8572-ac4d-957db4d084b6",
            "graph": {
                "connections": [
                    {
                        "fromId": "e18e3fa7-e4fb-9963-4518-6759ecf95290",
                        "fromProperty": "prop-label",
                        "toId": "d6b450fd-f166-188f-7ead-ebf0d1eb7fc4",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "de4629bd-77f8-ec4f-9a18-839448d0409e",
                        "fromProperty": "onClick",
                        "toId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
                        "fromProperty": "bgcolor",
                        "toId": "de4629bd-77f8-ec4f-9a18-839448d0409e",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "e18e3fa7-e4fb-9963-4518-6759ecf95290",
                        "fromProperty": "prop-value",
                        "toId": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
                        "fromProperty": "reached-selected",
                        "toId": "f2127297-872c-82e7-52e1-cd6fec358d61",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
                        "fromProperty": "ontrue",
                        "toId": "f2127297-872c-82e7-52e1-cd6fec358d61",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "f2127297-872c-82e7-52e1-cd6fec358d61",
                        "fromProperty": "stored",
                        "toId": "28962f73-5161-9263-c08e-ed4ba509d0b1",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "7095c2db-e95b-5bee-c81a-c1d80fb723b1",
                        "fromProperty": "value",
                        "toId": "4a0bc5c7-859e-97b5-7d72-0e9ea092f5e9",
                        "toProperty": "condition"
                    },
                    {
                        "fromId": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
                        "fromProperty": "ontrue",
                        "toId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
                        "toProperty": "to-selected"
                    },
                    {
                        "fromId": "4a0bc5c7-859e-97b5-7d72-0e9ea092f5e9",
                        "fromProperty": "ontrue",
                        "toId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
                        "toProperty": "to-not selected"
                    },
                    {
                        "fromId": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
                        "fromProperty": "reached-not selected",
                        "toId": "35c6cd99-7dc5-4187-7db7-8b37fddc5044",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "35c6cd99-7dc5-4187-7db7-8b37fddc5044",
                        "fromProperty": "stored",
                        "toId": "28962f73-5161-9263-c08e-ed4ba509d0b1",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "de4629bd-77f8-ec4f-9a18-839448d0409e",
                        "type": "Group",
                        "x": -245.39233388816194,
                        "y": 385.3063181742477,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "backgroundColor": "transparent",
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "Cyan Dark",
                            "borderRadius": {
                                "value": 50,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 4,
                                "unit": "px"
                            },
                            "height": {
                                "value": 40,
                                "unit": "px"
                            },
                            "styleCss": "/* background-color: red; */\ncursor:pointer;"
                        },
                        "stateParameters": {
                            "hover": {
                                "backgroundColor": "Blue Cloud"
                            }
                        },
                        "defaultStateTransitions": {
                            "hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 300,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "d6b450fd-f166-188f-7ead-ebf0d1eb7fc4",
                                "type": "Text",
                                "parameters": {
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false,
                                    "blockTouch": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "e18e3fa7-e4fb-9963-4518-6759ecf95290",
                        "type": "Model2",
                        "x": -563.2985951835633,
                        "y": 173.33884504639454,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "label,value"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-label",
                                "displayName": "label",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "label Changed",
                                "name": "changed-label",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-value",
                                "displayName": "value",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "value Changed",
                                "name": "changed-value",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0434f647-60e0-91b1-07d4-128c6bcc64c1",
                        "type": "States",
                        "label": "States",
                        "x": 107.01936827481097,
                        "y": 375.66991598914575,
                        "parameters": {
                            "states": "selected,not selected",
                            "currentState": "not selected",
                            "values": "bgcolor",
                            "type-bgcolor": "color",
                            "value-selected-bgcolor": "Cyan Dark",
                            "value-not selected-bgcolor": "#FFFFFF00"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "color",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "bgcolor",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Color",
                                            "value": "color"
                                        },
                                        {
                                            "label": "Text Style",
                                            "value": "textStyle"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "number",
                                "plug": "input",
                                "group": "Types",
                                "displayName": "bgcolor",
                                "name": "type-bgcolor",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "color",
                                "group": "selected Values",
                                "name": "value-selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "selected|bgcolor",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "selected Transitions",
                                "name": "transitiondef-selected",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "selected Transitions",
                                "name": "transition-selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "Transition selected|bgcolor",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To selected",
                                "name": "to-selected",
                                "group": "Go to state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At selected",
                                "name": "at-selected",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached selected",
                                "name": "reached-selected",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "color",
                                "group": "not selected Values",
                                "name": "value-not selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "not selected|bgcolor",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "curve",
                                "displayName": "Default",
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "not selected Transitions",
                                "name": "transitiondef-not selected",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "curve"
                                },
                                "default": {
                                    "curve": [
                                        0,
                                        0,
                                        0.58,
                                        1
                                    ],
                                    "dur": 300,
                                    "delay": 0
                                },
                                "group": "not selected Transitions",
                                "name": "transition-not selected-bgcolor",
                                "displayName": "bgcolor",
                                "editorName": "Transition not selected|bgcolor",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To not selected",
                                "name": "to-not selected",
                                "group": "Go to state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At not selected",
                                "name": "at-not selected",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached not selected",
                                "name": "reached-not selected",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "selected",
                                        "not selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "selected",
                                "index": 20
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "93444b7d-9954-e0c6-e2e9-c7b0362c1b04",
                        "type": "Condition",
                        "x": 94.5883049089,
                        "y": 218.9607160815474,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f2127297-872c-82e7-52e1-cd6fec358d61",
                        "type": "SetModelProperties",
                        "x": 468.7867717459694,
                        "y": 258.17868086125003,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "value",
                            "type-value": "boolean",
                            "prop-value": true
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "value",
                                "name": "prop-value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "value",
                                "name": "type-value",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "28962f73-5161-9263-c08e-ed4ba509d0b1",
                        "type": "Event Sender",
                        "x": 756.5975741843794,
                        "y": 330.11129354358815,
                        "parameters": {
                            "channelName": "Condition Changed"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7095c2db-e95b-5bee-c81a-c1d80fb723b1",
                        "type": "Variable2",
                        "x": -265.834301741128,
                        "y": 684.2665345972246,
                        "parameters": {
                            "name": "I don't know selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4a0bc5c7-859e-97b5-7d72-0e9ea092f5e9",
                        "type": "Condition",
                        "x": 9.97595656310068,
                        "y": 694.2596598981027,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "35c6cd99-7dc5-4187-7db7-8b37fddc5044",
                        "type": "SetModelProperties",
                        "x": 401.70646835751256,
                        "y": 480.40677845931623,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "value",
                            "type-value": "boolean"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Property Values",
                                "displayName": "value",
                                "name": "prop-value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "String",
                                            "value": "string"
                                        },
                                        {
                                            "label": "Boolean",
                                            "value": "boolean"
                                        },
                                        {
                                            "label": "Number",
                                            "value": "number"
                                        },
                                        {
                                            "label": "Date",
                                            "value": "date"
                                        },
                                        {
                                            "label": "Array",
                                            "value": "array"
                                        },
                                        {
                                            "label": "Object",
                                            "value": "object"
                                        },
                                        {
                                            "label": "Any",
                                            "value": "*"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "default": "*",
                                "plug": "input",
                                "group": "Property Types",
                                "displayName": "value",
                                "name": "type-value",
                                "index": 7
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3983.942991431733,
                    "y": 266.53840087786017
                }
            }
        },
        {
            "name": "/Visual Components/Pills/Other Diagnose Pill",
            "id": "6be64240-ba39-72f5-b2d5-48039c96290a",
            "graph": {
                "connections": [
                    {
                        "fromId": "1d89b831-b742-5dc2-4938-384f5c9d9a72",
                        "fromProperty": "onClick",
                        "toId": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "166b5e52-797c-6a79-cf08-ab685bde2934",
                        "fromProperty": "savedValue",
                        "toId": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
                        "toProperty": "popupParam-Label"
                    },
                    {
                        "fromId": "b49b38f5-5353-085f-cf9d-fb13678fdbf6",
                        "fromProperty": "id",
                        "toId": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
                        "toProperty": "popupParam-Array Id"
                    }
                ],
                "roots": [
                    {
                        "id": "1d89b831-b742-5dc2-4938-384f5c9d9a72",
                        "type": "Group",
                        "x": -364.5611186070986,
                        "y": -26.44075892279716,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "backgroundColor": "transparent",
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "Cyan Dark",
                            "borderRadius": {
                                "value": 50,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 4,
                                "unit": "px"
                            },
                            "height": {
                                "value": 40,
                                "unit": "px"
                            }
                        },
                        "stateParameters": {
                            "hover": {
                                "backgroundColor": "Blue Cloud"
                            }
                        },
                        "defaultStateTransitions": {
                            "hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 300,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "a39a3077-e16f-0101-7b5b-90f5895c93a6",
                                "type": "Text",
                                "parameters": {
                                    "text": "+ Other",
                                    "blockTouch": false,
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "9de3f7eb-b8c9-bddd-34ae-f537f244627d",
                        "type": "NavigationShowPopup",
                        "x": -59.21371298474105,
                        "y": -42.62277696706178,
                        "parameters": {
                            "target": "/Visual Components/New Pill Popup"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "popupParam-Label",
                                "displayName": "Label",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 3
                            },
                            {
                                "name": "popupParam-Array Id",
                                "displayName": "Array Id",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 4
                            },
                            {
                                "name": "popupParam-Symptom Bucket",
                                "displayName": "Symptom Bucket",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "166b5e52-797c-6a79-cf08-ab685bde2934",
                        "type": "String",
                        "x": -58.88741579591988,
                        "y": -136.03176794492947,
                        "parameters": {
                            "value": "What other hormonal health concerns do you have?"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b49b38f5-5353-085f-cf9d-fb13678fdbf6",
                        "type": "Collection2",
                        "x": -63.88741579591988,
                        "y": 95.96823205507053,
                        "parameters": {
                            "collectionId": "Conditions"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3997.9074000739506,
                    "y": 145.78591187134404
                }
            }
        },
        {
            "name": "/Visual Components/Pills/Other Symptom Pill",
            "id": "d92e0b68-83ee-9cad-8a52-43e27db5e443",
            "graph": {
                "connections": [
                    {
                        "fromId": "116daf18-6b7c-9f20-5c68-5af5b6393a22",
                        "fromProperty": "onClick",
                        "toId": "a20ab3eb-7619-2498-ab82-af330d622eb3",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "dfe5e61c-3972-5eee-ae13-e21d3bf5369c",
                        "fromProperty": "id",
                        "toId": "a20ab3eb-7619-2498-ab82-af330d622eb3",
                        "toProperty": "popupParam-Array Id"
                    },
                    {
                        "fromId": "1123a393-a968-91c2-30de-bb928e799ad8",
                        "fromProperty": "Symptom Bucket",
                        "toId": "bf14c3f8-0f2f-6622-7df4-1e9f417ea418",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "bf14c3f8-0f2f-6622-7df4-1e9f417ea418",
                        "fromProperty": "savedValue",
                        "toId": "a20ab3eb-7619-2498-ab82-af330d622eb3",
                        "toProperty": "popupParam-Symptom Bucket"
                    }
                ],
                "roots": [
                    {
                        "id": "116daf18-6b7c-9f20-5c68-5af5b6393a22",
                        "type": "Group",
                        "x": -366.0997043917507,
                        "y": -24.90217313814503,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "backgroundColor": "transparent",
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "Cyan Dark",
                            "borderRadius": {
                                "value": 50,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 4,
                                "unit": "px"
                            },
                            "height": {
                                "value": 40,
                                "unit": "px"
                            },
                            "styleCss": "/* background-color: red; */\ncursor:pointer;"
                        },
                        "stateParameters": {
                            "hover": {
                                "backgroundColor": "Blue Cloud"
                            }
                        },
                        "defaultStateTransitions": {
                            "hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 300,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "15675978-fa11-4387-e90e-ee7bcb00023e",
                                "type": "Text",
                                "parameters": {
                                    "text": "+ Other",
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "a20ab3eb-7619-2498-ab82-af330d622eb3",
                        "type": "NavigationShowPopup",
                        "x": -34.21371298474105,
                        "y": -27.62277696706178,
                        "parameters": {
                            "target": "/Visual Components/New Pill Popup"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "popupParam-Label",
                                "displayName": "Label",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 3
                            },
                            {
                                "name": "popupParam-Array Id",
                                "displayName": "Array Id",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 4
                            },
                            {
                                "name": "popupParam-Symptom Bucket",
                                "displayName": "Symptom Bucket",
                                "type": "*",
                                "plug": "input",
                                "group": "Params",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dfe5e61c-3972-5eee-ae13-e21d3bf5369c",
                        "type": "Collection2",
                        "x": -35.21371298474105,
                        "y": 102.37722303293822,
                        "parameters": {
                            "collectionId": "Selected Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1123a393-a968-91c2-30de-bb928e799ad8",
                        "type": "Component Inputs",
                        "x": -470.13727436254766,
                        "y": 158.28319724851139,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Symptom Bucket",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bf14c3f8-0f2f-6622-7df4-1e9f417ea418",
                        "type": "String",
                        "x": -135.5193976226842,
                        "y": 229.82219158599946,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3970.825334430071,
                    "y": -2.5757174171303632e-14
                }
            }
        },
        {
            "name": "/Visual Components/Pills/Pill",
            "id": "bf221679-f1c2-7070-3ad6-c917e1064dcd",
            "graph": {
                "connections": [
                    {
                        "fromId": "3a876b72-a134-6578-6e3b-f497446a7754",
                        "fromProperty": "onClick",
                        "toId": "8b6252cf-78ac-b586-3a28-38861f069f52",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
                        "fromProperty": "id",
                        "toId": "8b6252cf-78ac-b586-3a28-38861f069f52",
                        "toProperty": "modifyId"
                    },
                    {
                        "fromId": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
                        "fromProperty": "id",
                        "toId": "32eb4461-51c2-fc0a-b7ef-65867e825a13",
                        "toProperty": "modifyId"
                    },
                    {
                        "fromId": "8b6252cf-78ac-b586-3a28-38861f069f52",
                        "fromProperty": "modified",
                        "toId": "32eb4461-51c2-fc0a-b7ef-65867e825a13",
                        "toProperty": "remove"
                    },
                    {
                        "fromId": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
                        "fromProperty": "prop-Symptom",
                        "toId": "3f28df64-b13a-8153-c6eb-4c47a7fc85c8",
                        "toProperty": "in-string"
                    },
                    {
                        "fromId": "3f28df64-b13a-8153-c6eb-4c47a7fc85c8",
                        "fromProperty": "out-capitalizedText",
                        "toId": "f6304b60-b221-d5cc-9622-599ad2a9f98c",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "3a876b72-a134-6578-6e3b-f497446a7754",
                        "type": "Group",
                        "x": -375.9504556050059,
                        "y": -26.44075892279716,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "backgroundColor": "transparent",
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "Cyan Dark",
                            "borderRadius": {
                                "value": 50,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 4,
                                "unit": "px"
                            },
                            "height": {
                                "value": 40,
                                "unit": "px"
                            },
                            "styleCss": "/* background-color: red; */\ncursor:pointer;",
                            "marginLeft": {
                                "value": 4,
                                "unit": "px"
                            }
                        },
                        "stateParameters": {
                            "hover": {
                                "backgroundColor": "Blue Cloud"
                            }
                        },
                        "defaultStateTransitions": {
                            "hover": {
                                "curve": [
                                    0,
                                    0,
                                    0.58,
                                    1
                                ],
                                "dur": 300,
                                "delay": 0
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "f6304b60-b221-d5cc-9622-599ad2a9f98c",
                                "type": "Text",
                                "parameters": {
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "7208b6e7-6dfd-989b-014d-01b5ffc622a0",
                        "type": "Model2",
                        "x": -604.6720906419213,
                        "y": -170.9501465722759,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "label,Symptom"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-label",
                                "displayName": "label",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "label Changed",
                                "name": "changed-label",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-Symptom",
                                "displayName": "Symptom",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "Symptom Changed",
                                "name": "changed-Symptom",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8b6252cf-78ac-b586-3a28-38861f069f52",
                        "type": "CollectionInsert",
                        "x": 134.24572611499127,
                        "y": -116.16520636563678,
                        "parameters": {
                            "collectionId": "Selected Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "32eb4461-51c2-fc0a-b7ef-65867e825a13",
                        "type": "CollectionRemove",
                        "x": 145.80183797570112,
                        "y": 60.06549951018849,
                        "parameters": {
                            "collectionId": "Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3f28df64-b13a-8153-c6eb-4c47a7fc85c8",
                        "type": "JavaScriptFunction",
                        "x": -598.1309104812831,
                        "y": 45.79784332631323,
                        "parameters": {
                            "functionScript": "Outputs.capitalizedText = Inputs.string.charAt(0).toUpperCase() + Inputs.string.slice(1);"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-string",
                                "displayName": "string",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-capitalizedText",
                                "displayName": "capitalizedText",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3843.790357923064,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Pills/Selected Pill",
            "id": "132b4208-a8f1-05f4-6833-9128128f12b1",
            "graph": {
                "connections": [
                    {
                        "fromId": "95bf063a-4c95-699a-1250-f1808a0d5750",
                        "fromProperty": "onClick",
                        "toId": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
                        "fromProperty": "id",
                        "toId": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
                        "toProperty": "modifyId"
                    },
                    {
                        "fromId": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
                        "fromProperty": "id",
                        "toId": "5f342b3a-4dd4-9e7c-a738-1efc6238d3dd",
                        "toProperty": "modifyId"
                    },
                    {
                        "fromId": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
                        "fromProperty": "modified",
                        "toId": "5f342b3a-4dd4-9e7c-a738-1efc6238d3dd",
                        "toProperty": "remove"
                    },
                    {
                        "fromId": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
                        "fromProperty": "prop-Symptom",
                        "toId": "1e14eaba-361d-3f66-cf06-aa794b2b0f6b",
                        "toProperty": "in-string"
                    },
                    {
                        "fromId": "1e14eaba-361d-3f66-cf06-aa794b2b0f6b",
                        "fromProperty": "out-capitalizedText",
                        "toId": "45052a2c-5c4d-5fd7-1920-8485e2f37da4",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "95bf063a-4c95-699a-1250-f1808a0d5750",
                        "type": "Group",
                        "x": -364.5611186070986,
                        "y": -26.44075892279716,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "backgroundColor": "Cyan Dark",
                            "borderStyle": "none",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "Cyan Dark",
                            "borderRadius": {
                                "value": 50,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 8,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 4,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 4,
                                "unit": "px"
                            },
                            "height": {
                                "value": 40,
                                "unit": "px"
                            },
                            "justifyContent": "center",
                            "styleCss": "/* background-color: red; */\ncursor:pointer;",
                            "marginLeft": {
                                "value": 4,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "45052a2c-5c4d-5fd7-1920-8485e2f37da4",
                                "type": "Text",
                                "parameters": {
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "cd5d1b0e-b9ea-bb0b-70b1-922631a15984",
                        "type": "Model2",
                        "x": -604.6720906419213,
                        "y": -170.9501465722759,
                        "parameters": {
                            "idSource": "foreach",
                            "properties": "label,Symptom"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-label",
                                "displayName": "label",
                                "index": 7
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "label Changed",
                                "name": "changed-label",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "prop-Symptom",
                                "displayName": "Symptom",
                                "index": 9
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "Symptom Changed",
                                "name": "changed-Symptom",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "95ab9ff7-77db-3412-3b92-535837fe7dbd",
                        "type": "CollectionInsert",
                        "x": 134.24572611499127,
                        "y": -116.16520636563678,
                        "parameters": {
                            "collectionId": "Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5f342b3a-4dd4-9e7c-a738-1efc6238d3dd",
                        "type": "CollectionRemove",
                        "x": 145.80183797570112,
                        "y": 60.06549951018849,
                        "parameters": {
                            "collectionId": "Selected Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1e14eaba-361d-3f66-cf06-aa794b2b0f6b",
                        "type": "JavaScriptFunction",
                        "x": -522.5932133089857,
                        "y": 121.80043923974961,
                        "parameters": {
                            "functionScript": "Outputs.capitalizedText = Inputs.string.charAt(0).toUpperCase() + Inputs.string.slice(1);"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-string",
                                "displayName": "string",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-capitalizedText",
                                "displayName": "capitalizedText",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 3843.540661421551,
                    "y": 139.35911792592182
                }
            }
        },
        {
            "name": "/Visual Components/Profile/Account Info Card",
            "id": "901032c1-fac9-e845-c22b-665b1305f209",
            "graph": {
                "connections": [
                    {
                        "fromId": "a23fb1e3-7c0f-eecb-90e3-5d2abcb80129",
                        "fromProperty": "email",
                        "toId": "9fcec0b0-abe3-410b-8971-7087ad02db5f",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "41d03b13-e79b-37c1-c72f-a5c67241e700",
                        "fromProperty": "onClick",
                        "toId": "3ee75ddb-1c04-1ce1-b1e2-bc54a634ce2f",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "a23fb1e3-7c0f-eecb-90e3-5d2abcb80129",
                        "fromProperty": "email",
                        "toId": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
                        "toProperty": "startValue"
                    },
                    {
                        "fromId": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
                        "fromProperty": "onTextChanged",
                        "toId": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
                        "toProperty": "email"
                    },
                    {
                        "fromId": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
                        "fromProperty": "onEnter",
                        "toId": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "be6c1d8b-1e65-6c6f-0763-35341935dc38",
                        "fromProperty": "onClick",
                        "toId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
                        "fromProperty": "success",
                        "toId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
                        "toProperty": "to-Show"
                    },
                    {
                        "fromId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
                        "fromProperty": "at-Show",
                        "toId": "336e8f68-8611-5413-ef8e-743f5b93e658",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
                        "fromProperty": "at-Edit",
                        "toId": "89f61103-f45b-1ff7-6543-5bc500a9eded",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "3d46c9ff-32b3-0968-7c81-33a44ca46f37",
                        "type": "Group",
                        "x": -149,
                        "y": -157,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 24,
                                "unit": "px"
                            },
                            "borderRadius": {
                                "value": 10,
                                "unit": "px"
                            },
                            "boxShadowEnabled": true,
                            "width": {
                                "value": 95,
                                "unit": "%"
                            },
                            "alignX": "center",
                            "marginTop": {
                                "value": 24,
                                "unit": "px"
                            },
                            "alignItems": "center"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "858e064a-3f6d-8fed-f62c-8b60339a8fe1",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "justifyContent": "space-between",
                                    "alignItems": "center",
                                    "marginBottom": {
                                        "value": 24,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7ab5c58b-bcaa-e950-1495-ec08a9160dfb",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Medium.ttf",
                                            "color": "#77C2C6",
                                            "text": "Account Info",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "be6c1d8b-1e65-6c6f-0763-35341935dc38",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "ad237532-bce6-5189-b490-5987e10db0e5",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconColor": "#77C2C6",
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "edit_note"
                                                    },
                                                    "alignY": "center",
                                                    "iconSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "336e8f68-8611-5413-ef8e-743f5b93e658",
                                "type": "Group",
                                "parameters": {
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "70dd0de0-d75c-c7c8-f131-7a2c0be051d6",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Medium.ttf",
                                            "text": "Email",
                                            "sizeMode": "contentSize",
                                            "alignX": "left"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "9fcec0b0-abe3-410b-8971-7087ad02db5f",
                                        "type": "Text",
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "color": "#379EA5",
                                            "alignX": "left",
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "89f61103-f45b-1ff7-6543-5bc500a9eded",
                                "type": "Group",
                                "parameters": {
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "990524a3-d89b-2d94-0c26-f8ebf738ec66",
                                        "type": "net.noodl.controls.textinput",
                                        "variant": "UI Text Input",
                                        "parameters": {
                                            "label": "Email"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "00ea0f9e-401d-41c4-0d1a-78358c6fe54d",
                                "type": "Text",
                                "parameters": {
                                    "fontFamily": "Inter-Medium.ttf",
                                    "text": "Password",
                                    "sizeMode": "contentSize",
                                    "alignX": "left"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "41d03b13-e79b-37c1-c72f-a5c67241e700",
                                "type": "Text",
                                "label": "Change Password",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "color": "#379EA5",
                                    "alignX": "left",
                                    "text": "Change password",
                                    "marginTop": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "styleCss": "/* background-color: red; */\ncursor:pointer;",
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "984be19e-e7c4-066f-198c-884837c16d55",
                                "type": "Group",
                                "label": "DOB Container",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "830e2ab7-b141-6eb9-b4d9-07278458640a",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Bold.ttf",
                                            "text": "DOB"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ca73e085-ae9e-7a43-48f8-90108cbb711a",
                                        "type": "Text",
                                        "label": "Text",
                                        "parameters": {
                                            "text": "01/01/1970"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "a23fb1e3-7c0f-eecb-90e3-5d2abcb80129",
                        "type": "net.noodl.user.User",
                        "x": -591.274763953879,
                        "y": 101.29130286562508,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "3ee75ddb-1c04-1ce1-b1e2-bc54a634ce2f",
                        "type": "NavigationShowPopup",
                        "x": 200.03738955581753,
                        "y": 606.2829878718159,
                        "parameters": {
                            "target": "/Pop-ups/Sign in or Sign up /Forgotten Password"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8ebea56-9aa9-b925-b6e3-e3622321ef3f",
                        "type": "net.noodl.user.SetUserProperties",
                        "x": 376.030746388234,
                        "y": 365.0416455569904,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ff3c9b7d-6613-c1d4-8618-e27eb74618c8",
                        "type": "States",
                        "x": 325.67107862528985,
                        "y": 2.9964665044734033,
                        "parameters": {
                            "states": "Show,Edit",
                            "useTransitions": false
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Show",
                                "name": "to-Show",
                                "group": "Go to state",
                                "index": 6
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Show",
                                "name": "at-Show",
                                "group": "Current state",
                                "index": 7
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Show",
                                "name": "reached-Show",
                                "group": "Current state",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Edit",
                                "name": "to-Edit",
                                "group": "Go to state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Edit",
                                "name": "at-Edit",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Edit",
                                "name": "reached-Edit",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Show",
                                        "Edit"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Show",
                                "index": 12
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 7224.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Profile/Expanded Options",
            "id": "75159f8c-962d-f509-b7b7-d0df0b4d866a",
            "graph": {
                "connections": [
                    {
                        "fromId": "62dbb3c4-ef11-8f66-dd91-047c812e6644",
                        "fromProperty": "Mounted",
                        "toId": "f47f644b-e5ab-c92e-96d0-5fa4f29f2c8e",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "6cd30cbe-d9a2-7648-c08e-fcb4a5350e57",
                        "fromProperty": "navigated",
                        "toId": "d9b81358-7cb9-f49c-726b-cf12b316322b",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "b097c046-ba43-5746-b480-c3b2b5eadb7f",
                        "fromProperty": "value",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "eaddae00-7045-c171-d78a-15f9659c3d6a",
                        "fromProperty": "items",
                        "toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
                        "toProperty": "in-allSymptoms"
                    },
                    {
                        "fromId": "9b823fc6-1536-5250-414f-01fd73aa911b",
                        "fromProperty": "out-symptoms",
                        "toId": "462999da-155e-e737-1a78-d230b957168f",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "cf83f356-27cc-b491-dcf1-6210205b9d24",
                        "fromProperty": "items",
                        "toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
                        "toProperty": "in-conditions"
                    },
                    {
                        "fromId": "462999da-155e-e737-1a78-d230b957168f",
                        "fromProperty": "items",
                        "toId": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
                        "fromProperty": "items",
                        "toId": "b8e73992-945c-e7a0-3eec-954e97a45918",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "462999da-155e-e737-1a78-d230b957168f",
                        "fromProperty": "items",
                        "toId": "a20faa63-8757-ef2b-c692-e820a11f1b69",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "462999da-155e-e737-1a78-d230b957168f",
                        "fromProperty": "items",
                        "toId": "80a360ba-4678-43f8-93e7-75f354a929f0",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "a20faa63-8757-ef2b-c692-e820a11f1b69",
                        "fromProperty": "items",
                        "toId": "629a5944-e556-94cb-37ce-e645642f2070",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "80a360ba-4678-43f8-93e7-75f354a929f0",
                        "fromProperty": "items",
                        "toId": "025dda25-4dd1-773a-f0ba-086b988000a3",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "26ff7bcc-198e-090a-6def-61eaea8e3842",
                        "fromProperty": "items",
                        "toId": "a03596ab-ebbb-94b4-25b7-17bfc8e247b9",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "e5866743-dd6f-086a-3513-33301d36558c",
                        "fromProperty": "items",
                        "toId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
                        "fromProperty": "items",
                        "toId": "58ad7e52-2c52-abaf-8002-9bebd1ab2683",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "e5866743-dd6f-086a-3513-33301d36558c",
                        "fromProperty": "items",
                        "toId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "e5866743-dd6f-086a-3513-33301d36558c",
                        "fromProperty": "items",
                        "toId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
                        "fromProperty": "count",
                        "toId": "aa6c5aa3-0391-83cd-33bc-e1fef5790b91",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
                        "fromProperty": "count",
                        "toId": "2a37e3c1-5c38-fe46-9a1d-15db6434b947",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
                        "fromProperty": "items",
                        "toId": "7bd49907-91eb-7a50-35ff-252f5827878f",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
                        "fromProperty": "count",
                        "toId": "949c5b4e-631a-b75f-d8e1-6e8cb4069e8a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
                        "fromProperty": "items",
                        "toId": "74ee480f-9ace-b9b2-b683-ebb6c0988b2d",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "45a7199f-f14b-2668-040f-f1f50efa8953",
                        "fromProperty": "value",
                        "toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
                        "toProperty": "in-otherAdded"
                    },
                    {
                        "fromId": "a20faa63-8757-ef2b-c692-e820a11f1b69",
                        "fromProperty": "count",
                        "toId": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
                        "fromProperty": "count",
                        "toId": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
                        "fromProperty": "result",
                        "toId": "3323fad8-1d36-bbb4-3376-a33511747d1d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
                        "fromProperty": "count",
                        "toId": "b389d322-75de-3b32-77cc-b77569c0afb1",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "eba43b6f-0b23-8648-9848-fcf20033bea0",
                        "fromProperty": "count",
                        "toId": "b389d322-75de-3b32-77cc-b77569c0afb1",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "80a360ba-4678-43f8-93e7-75f354a929f0",
                        "fromProperty": "count",
                        "toId": "9e3705be-19df-1d16-d85e-72c25ab1437f",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
                        "fromProperty": "count",
                        "toId": "9e3705be-19df-1d16-d85e-72c25ab1437f",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "9e3705be-19df-1d16-d85e-72c25ab1437f",
                        "fromProperty": "result",
                        "toId": "95bacd7e-c3d2-9e92-8dfa-6914602e80fc",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "eaddae00-7045-c171-d78a-15f9659c3d6a",
                        "fromProperty": "items",
                        "toId": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
                        "toProperty": "in-allSymptoms"
                    },
                    {
                        "fromId": "a03596ab-ebbb-94b4-25b7-17bfc8e247b9",
                        "fromProperty": "items",
                        "toId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "toProperty": "in-SelectedSymptoms"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-IrregularPeriods",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomIrregularPeriods"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-WeightGain",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomWeightGain"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-HotFlushes",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomHotFlushes"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-DifficultyGettingPregnant",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomDifficultyGettingPregnant"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-ExcessiveHairGrowth",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomExcessiveHairGrowth"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-ThinningHair",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomThinningHair"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-SpottySkin",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomSpottySkin"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-SkinTags",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomSkinTags"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Headaches",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomHeadaches"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-DifficultySleeping",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomDifficultySleeping"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Done",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-NightSweats",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomNightSweats"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-JointPains",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomJointPains"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Palpitations",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomPalpitations"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-VaginalDryness",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomVaginalDryness"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-PainDuringSex",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomPainDuringSex"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-LowerBackPain",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomLowerBackPain"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-BloatingOrTummyPain",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomBloatingOrTummyPain"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-BreastTenderness",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomBreastTenderness"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-MuscleWeakness",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomMuscleWeakness"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-ChangesInAppetite",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomChangesInAppetite"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-MuscleAche",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomMuscleAche"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-ItchySkin",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomItchySkin"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-BrittleHairAndNails",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomBrittleHairAndNails"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-DrySkin",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomDrySkin"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Constipation",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomConstipation"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Diarrhoea",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomDiarrhoea"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-PeeingMoreFrequently",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomPeeingMoreFrequently"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-ExcessThirst",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomExcessThirst"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-SensitiveToCold",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomSensitiveToCold"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-SensitiveToHeat",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomSensitiveToHeat"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-NumbHands",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomNumbHands"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-HeavyPeriods",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomHeavyPeriods"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-PainfulPeriods",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomPainfulPeriods"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-PainWhenPeeingOrPooing",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomPainWhenPeeingOrPooing"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Nausea",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomNausea"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-BloodInYourPee",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomBloodInYourPee"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-LowMood",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomLowMood"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Anxiety",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomAnxiety"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-PoorConcentration",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomPoorConcentration"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-LowSexDrive",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomLowSexDrive"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-MoodSwings",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomMoodSwings"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Irritability",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomIrritability"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-LowEnergy",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomLowEnergy"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-LossOfInterest",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomLossOfInterestInHavingFun"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Tense",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomTense"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Overwhelmed",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomOverwhelmed"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-Hyperactive",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomHyperactive"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-PoorMemory",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomPoorMemory"
                    },
                    {
                        "fromId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "fromProperty": "stored",
                        "toId": "6cd30cbe-d9a2-7648-c08e-fcb4a5350e57",
                        "toProperty": "navigate"
                    },
                    {
                        "fromId": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "fromProperty": "out-userAddedSymptoms",
                        "toId": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "toProperty": "prop-symptomUserAdded"
                    },
                    {
                        "fromId": "650ae8e2-8274-b097-297a-4960d46b628a",
                        "fromProperty": "items",
                        "toId": "ded20701-8c34-deba-de94-3a22ebd7d75d",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "b389d322-75de-3b32-77cc-b77569c0afb1",
                        "fromProperty": "result",
                        "toId": "acf37167-4ca1-0947-ce4f-ab21e6c7cead",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "f47f644b-e5ab-c92e-96d0-5fa4f29f2c8e",
                        "fromProperty": "didMount",
                        "toId": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
                        "toProperty": "run"
                    },
                    {
                        "fromId": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
                        "fromProperty": "out-done",
                        "toId": "9b823fc6-1536-5250-414f-01fd73aa911b",
                        "toProperty": "run"
                    }
                ],
                "roots": [
                    {
                        "id": "f47f644b-e5ab-c92e-96d0-5fa4f29f2c8e",
                        "type": "Group",
                        "x": -128.21799789459453,
                        "y": -138.64222536569974,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3b1c7a7a-3265-1615-f9aa-7da0d4ac1fd2",
                                "type": "Group",
                                "parameters": {
                                    "backgroundColor": "#FEFFCE",
                                    "sizeMode": "contentHeight",
                                    "width": {
                                        "value": 95,
                                        "unit": "%"
                                    },
                                    "alignX": "center",
                                    "paddingTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "borderRadius": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "1ac4120d-8f60-34e1-9430-862487d96f14",
                                        "type": "Text",
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "text": "Changing conditions will require updating symptoms",
                                            "lineHeight": {
                                                "value": 28,
                                                "unit": "px"
                                            },
                                            "textAlignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "f1422768-55d6-8ca6-510c-9f3617fe4339",
                                "type": "Group",
                                "label": "Selected Symptoms Group",
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a9dab130-de61-3dc6-cb6e-e240c5f65455",
                                "type": "Group",
                                "label": "Symptom Choices Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "flexWrap": "wrap",
                                    "sizeMode": "contentHeight",
                                    "paddingBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "acf37167-4ca1-0947-ce4f-ab21e6c7cead",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "flexWrap": "wrap",
                                            "alignContent": "space-evenly",
                                            "justifyContent": "flex-start",
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1026cb06-33f0-36d6-41c7-9343e756fae5",
                                                "type": "Text",
                                                "parameters": {
                                                    "text": "Which of these physical symptoms affect you?",
                                                    "marginBottom": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "Inter-Regular.ttf",
                                                    "marginTop": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "2a37e3c1-5c38-fe46-9a1d-15db6434b947",
                                                "type": "Group",
                                                "label": "Selected Symptom Choices Group",
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "flexWrap": "wrap",
                                                    "sizeMode": "contentHeight",
                                                    "paddingBottom": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingTop": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "58ad7e52-2c52-abaf-8002-9bebd1ab2683",
                                                        "type": "For Each",
                                                        "parameters": {
                                                            "template": "/Visual Components/Pills/Selected Pill"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [
                                                            {
                                                                "name": "inputMappingScript",
                                                                "type": {
                                                                    "name": "string",
                                                                    "codeeditor": "javascript"
                                                                },
                                                                "displayName": "Script",
                                                                "group": "Input Mapping",
                                                                "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                                "plug": "input",
                                                                "index": 6
                                                            }
                                                        ],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "263c572f-434c-2078-440c-cd910cbb5ffe",
                                                        "type": "Group",
                                                        "label": "Divider",
                                                        "parameters": {
                                                            "height": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "Cyan Dark",
                                                            "marginTop": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "19bd255b-3422-b6c3-e337-cfd0410e5448",
                                                "type": "Group",
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "flexWrap": "wrap"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "b8e73992-945c-e7a0-3eec-954e97a45918",
                                                        "type": "For Each",
                                                        "parameters": {
                                                            "template": "/Visual Components/Pills/Pill",
                                                            "templateType": "explicit",
                                                            "templateScript": "component = \"/Visual Components/Pills/Pill\"\n\n"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [
                                                            {
                                                                "name": "inputMappingScript",
                                                                "type": {
                                                                    "name": "string",
                                                                    "codeeditor": "javascript"
                                                                },
                                                                "displayName": "Script",
                                                                "group": "Input Mapping",
                                                                "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                                "plug": "input",
                                                                "index": 6
                                                            }
                                                        ],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "7f89fbe4-106d-2447-c72b-4f74d17e9217",
                                                        "type": "Group",
                                                        "parameters": {
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "43cab7bb-2ebb-844f-b81a-546cc1e4cbed",
                                                                "type": "/Visual Components/Pills/Other Symptom Pill",
                                                                "parameters": {
                                                                    "Symptom Bucket": "physical 1"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "3323fad8-1d36-bbb4-3376-a33511747d1d",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "flexWrap": "wrap",
                                            "alignContent": "space-evenly",
                                            "justifyContent": "flex-start",
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "e4e758fe-ce2b-55a4-9c89-777f4dec5b42",
                                                "type": "Text",
                                                "parameters": {
                                                    "text": "Which of these symptoms do you experience when on your period? ",
                                                    "marginBottom": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "Inter-Regular.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "aa6c5aa3-0391-83cd-33bc-e1fef5790b91",
                                                "type": "Group",
                                                "label": "Selected Symptom Choices Group",
                                                "parameters": {
                                                    "paddingTop": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "flexDirection": "row",
                                                    "paddingRight": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "flexWrap": "wrap",
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "7bd49907-91eb-7a50-35ff-252f5827878f",
                                                        "type": "For Each",
                                                        "parameters": {
                                                            "template": "/Visual Components/Pills/Selected Pill"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [
                                                            {
                                                                "name": "inputMappingScript",
                                                                "type": {
                                                                    "name": "string",
                                                                    "codeeditor": "javascript"
                                                                },
                                                                "displayName": "Script",
                                                                "group": "Input Mapping",
                                                                "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                                "plug": "input",
                                                                "index": 6
                                                            }
                                                        ],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "7db74487-bb2e-9a23-6401-6ad718b0df10",
                                                        "type": "Group",
                                                        "label": "Divider",
                                                        "parameters": {
                                                            "height": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "Cyan Dark",
                                                            "marginTop": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "629a5944-e556-94cb-37ce-e645642f2070",
                                                "type": "For Each",
                                                "parameters": {
                                                    "template": "/Visual Components/Pills/Pill",
                                                    "templateType": "explicit",
                                                    "templateScript": "component = \"/Visual Components/Pills/Pill\"\n\n"
                                                },
                                                "ports": [],
                                                "dynamicports": [
                                                    {
                                                        "name": "inputMappingScript",
                                                        "type": {
                                                            "name": "string",
                                                            "codeeditor": "javascript"
                                                        },
                                                        "displayName": "Script",
                                                        "group": "Input Mapping",
                                                        "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                        "plug": "input",
                                                        "index": 6
                                                    }
                                                ],
                                                "children": []
                                            },
                                            {
                                                "id": "e1e4c1fa-cdd8-4496-ea68-7e3bafa39cd4",
                                                "type": "Group",
                                                "parameters": {
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "d4103db1-0a3b-f700-d614-2c3e1804d6a6",
                                                        "type": "/Visual Components/Pills/Other Symptom Pill",
                                                        "parameters": {
                                                            "Symptom Bucket": "period related"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "95bacd7e-c3d2-9e92-8dfa-6914602e80fc",
                                        "type": "Group",
                                        "parameters": {
                                            "flexDirection": "row",
                                            "flexWrap": "wrap",
                                            "alignContent": "space-evenly",
                                            "justifyContent": "flex-start",
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "9d97795e-a9a3-a369-6719-8ba590f5a2a3",
                                                "type": "Text",
                                                "parameters": {
                                                    "text": "Which of these mood related symptoms affect you? ",
                                                    "marginBottom": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "Inter-Regular.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "949c5b4e-631a-b75f-d8e1-6e8cb4069e8a",
                                                "type": "Group",
                                                "label": "Selected Symptom Choices Group",
                                                "parameters": {
                                                    "paddingTop": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "flexDirection": "row",
                                                    "paddingRight": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "flexWrap": "wrap",
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "74ee480f-9ace-b9b2-b683-ebb6c0988b2d",
                                                        "type": "For Each",
                                                        "parameters": {
                                                            "template": "/Visual Components/Pills/Selected Pill"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [
                                                            {
                                                                "name": "inputMappingScript",
                                                                "type": {
                                                                    "name": "string",
                                                                    "codeeditor": "javascript"
                                                                },
                                                                "displayName": "Script",
                                                                "group": "Input Mapping",
                                                                "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                                "plug": "input",
                                                                "index": 6
                                                            }
                                                        ],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "c19d4d43-daa6-7382-0e4d-157d4e0a7982",
                                                        "type": "Group",
                                                        "label": "Divider",
                                                        "parameters": {
                                                            "height": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "Cyan Dark",
                                                            "marginTop": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "025dda25-4dd1-773a-f0ba-086b988000a3",
                                                "type": "For Each",
                                                "parameters": {
                                                    "template": "/Visual Components/Pills/Pill",
                                                    "templateType": "explicit",
                                                    "templateScript": "component = \"/Visual Components/Pills/Pill\"\n\n"
                                                },
                                                "ports": [],
                                                "dynamicports": [
                                                    {
                                                        "name": "inputMappingScript",
                                                        "type": {
                                                            "name": "string",
                                                            "codeeditor": "javascript"
                                                        },
                                                        "displayName": "Script",
                                                        "group": "Input Mapping",
                                                        "default": "// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n",
                                                        "plug": "input",
                                                        "index": 6
                                                    }
                                                ],
                                                "children": []
                                            },
                                            {
                                                "id": "8df73f25-c273-668f-03b0-7326a57e0741",
                                                "type": "Group",
                                                "parameters": {
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "f3d474f9-b493-5e89-f8be-2b7eae9cc78a",
                                                        "type": "/Visual Components/Pills/Other Symptom Pill",
                                                        "parameters": {
                                                            "Symptom Bucket": "Mood related"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "3ad0f4d4-ad0b-8c5b-708e-432895730854",
                                                "type": "Group",
                                                "label": "Divider",
                                                "parameters": {
                                                    "height": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "Cyan Dark",
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "7bdf17b5-33ee-cc9c-966a-26cc3ecd62ab",
                                                "type": "Group",
                                                "label": "Button Section",
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "alignItems": "center",
                                                    "maxWidth": {
                                                        "value": 380,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 48,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "bottom",
                                                    "justifyContent": "flex-end",
                                                    "position": "relative",
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "9060fb8b-f7ea-52d6-b495-bbfdd7fb3b2f",
                                                        "type": "net.noodl.controls.button",
                                                        "variant": "Button Primary",
                                                        "parameters": {
                                                            "marginBottom": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "label": "Log Out"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "19dbe85c-a069-8ee4-6b6f-4bae53c39bd9",
                                                        "type": "net.noodl.controls.button",
                                                        "variant": "Button Secondary",
                                                        "parameters": {
                                                            "marginBottom": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "label": "Request Personal Data"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "919e024a-d23f-d553-9d6f-f8b5b2bd41df",
                                                        "type": "net.noodl.controls.button",
                                                        "variant": "Button Secondary",
                                                        "parameters": {
                                                            "label": "Delete Shine Account"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "62dbb3c4-ef11-8f66-dd91-047c812e6644",
                        "type": "Component Inputs",
                        "x": -478.4087768932102,
                        "y": -135.9028927341682,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6cd30cbe-d9a2-7648-c08e-fcb4a5350e57",
                        "type": "RouterNavigate",
                        "label": "Navigate to Assessment Setup",
                        "x": 640.1431046146329,
                        "y": 1100.5884623433255,
                        "parameters": {
                            "router": "Main",
                            "target": "/Pages/Assessment setup"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "component",
                                    "title": "Choose page component",
                                    "components": [
                                        "/Pages/Article",
                                        "/Pages/Profile"
                                    ],
                                    "allowEditOnly": true
                                },
                                "group": "General",
                                "displayName": "Target Page",
                                "name": "target",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e5866743-dd6f-086a-3513-33301d36558c",
                        "type": "Collection2",
                        "x": 822.8992058455053,
                        "y": 629.7438217449774,
                        "parameters": {
                            "collectionId": "Selected Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d9b81358-7cb9-f49c-726b-cf12b316322b",
                        "type": "Event Sender",
                        "x": 704.1171226579447,
                        "y": 970.2533561382954,
                        "parameters": {
                            "channelName": "Increase Progress"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b097c046-ba43-5746-b480-c3b2b5eadb7f",
                        "type": "Variable2",
                        "x": 541.0830091782275,
                        "y": 1490.8796660350802,
                        "parameters": {
                            "name": "Current Record ID"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d2624532-d2a6-063b-2101-c7b6f4d8e3c6",
                        "type": "SetDbModelProperties",
                        "x": 845.3999654879665,
                        "y": 1547.7714621146563,
                        "parameters": {
                            "collectionName": "ShineSignUpData"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collectionName",
                                "displayName": "Class",
                                "group": "General",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "label": "User",
                                            "value": "_User"
                                        },
                                        {
                                            "label": "Role",
                                            "value": "_Role"
                                        },
                                        {
                                            "value": "ShineSignUpData",
                                            "label": "ShineSignUpData"
                                        },
                                        {
                                            "value": "LandingPageForm",
                                            "label": "LandingPageForm"
                                        },
                                        {
                                            "value": "GlossaryViewed",
                                            "label": "GlossaryViewed"
                                        },
                                        {
                                            "value": "Comment",
                                            "label": "Comment"
                                        },
                                        {
                                            "value": "Article",
                                            "label": "Article"
                                        }
                                    ],
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-userId",
                                "displayName": "userId",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-firstName",
                                "displayName": "firstName",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-lastName",
                                "displayName": "lastName",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-source",
                                "displayName": "source",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-campaign",
                                "displayName": "campaign",
                                "index": 16
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-confidence",
                                "displayName": "confidence",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-email",
                                "displayName": "email",
                                "index": 18
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-newsletterPreferences",
                                "displayName": "newsletterPreferences",
                                "index": 19
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-viewedGlossaryList",
                                "displayName": "viewedGlossaryList",
                                "index": 20
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-consent",
                                "displayName": "consent",
                                "index": 21
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionEndometriosis",
                                "displayName": "conditionEndometriosis",
                                "index": 22
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionFibroids",
                                "displayName": "conditionFibroids",
                                "index": 23
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionHyperthyroidism",
                                "displayName": "conditionHyperthyroidism",
                                "index": 24
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionHypothyoridism",
                                "displayName": "conditionHypothyoridism",
                                "index": 25
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionMenopause",
                                "displayName": "conditionMenopause",
                                "index": 26
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionPerimenopause",
                                "displayName": "conditionPerimenopause",
                                "index": 27
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionPCOS",
                                "displayName": "conditionPCOS",
                                "index": 28
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionPMDD",
                                "displayName": "conditionPMDD",
                                "index": 29
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionPMS",
                                "displayName": "conditionPMS",
                                "index": 30
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-conditionIdontKnow",
                                "displayName": "conditionIdontKnow",
                                "index": 31
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-otherCondition",
                                "displayName": "otherCondition",
                                "index": 32
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisEndometriosisDoctorConfirmed",
                                "displayName": "diagnosisEndometriosisDoctorConfirmed",
                                "index": 33
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisFibroidsDoctorConfirmed",
                                "displayName": "diagnosisFibroidsDoctorConfirmed",
                                "index": 34
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisHyperthyroidismDoctorConfirmed",
                                "displayName": "diagnosisHyperthyroidismDoctorConfirmed",
                                "index": 35
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisHypothyoridismDoctorConfirmed",
                                "displayName": "diagnosisHypothyoridismDoctorConfirmed",
                                "index": 36
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisMenopauseDoctorConfirmed",
                                "displayName": "diagnosisMenopauseDoctorConfirmed",
                                "index": 37
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPerimenopauseDoctorConfirmed",
                                "displayName": "diagnosisPerimenopauseDoctorConfirmed",
                                "index": 38
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPCOSDoctorConfirmed",
                                "displayName": "diagnosisPCOSDoctorConfirmed",
                                "index": 39
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPMDDDoctorConfirmed",
                                "displayName": "diagnosisPMDDDoctorConfirmed",
                                "index": 40
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPMSDoctorConfirmed",
                                "displayName": "diagnosisPMSDoctorConfirmed",
                                "index": 41
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-otherDiagnosis",
                                "displayName": "otherDiagnosis",
                                "index": 42
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisEndometriosisTimeFromDiag",
                                "displayName": "diagnosisEndometriosisTimeFromDiag",
                                "index": 43
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisFibroidsTimeFromDiag",
                                "displayName": "diagnosisFibroidsTimeFromDiag",
                                "index": 44
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisHyperthyroidismTimeFromDiag",
                                "displayName": "diagnosisHyperthyroidismTimeFromDiag",
                                "index": 45
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisHypothyroidismTimeFromDiag",
                                "displayName": "diagnosisHypothyroidismTimeFromDiag",
                                "index": 46
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisMenopauseTimeFromDiag",
                                "displayName": "diagnosisMenopauseTimeFromDiag",
                                "index": 47
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPerimenopauseTimeFromDiag",
                                "displayName": "diagnosisPerimenopauseTimeFromDiag",
                                "index": 48
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPCOSTimeFromDiag",
                                "displayName": "diagnosisPCOSTimeFromDiag",
                                "index": 49
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPMDDTimeFromDiag",
                                "displayName": "diagnosisPMDDTimeFromDiag",
                                "index": 50
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-diagnosisPMSTimeFromDiag",
                                "displayName": "diagnosisPMSTimeFromDiag",
                                "index": 51
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-expectationUnderstand",
                                "displayName": "expectationUnderstand",
                                "index": 52
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-expectationLearn",
                                "displayName": "expectationLearn",
                                "index": 53
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-expectationMeet",
                                "displayName": "expectationMeet",
                                "index": 54
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-expectationAsk",
                                "displayName": "expectationAsk",
                                "index": 55
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-expectationSeek",
                                "displayName": "expectationSeek",
                                "index": 56
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-expectationFind",
                                "displayName": "expectationFind",
                                "index": 57
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-expectationManage",
                                "displayName": "expectationManage",
                                "index": 58
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomIrregularPeriods",
                                "displayName": "symptomIrregularPeriods",
                                "index": 59
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomWeightGain",
                                "displayName": "symptomWeightGain",
                                "index": 60
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomHotFlushes",
                                "displayName": "symptomHotFlushes",
                                "index": 61
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomDifficultyGettingPregnant",
                                "displayName": "symptomDifficultyGettingPregnant",
                                "index": 62
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomExcessiveHairGrowth",
                                "displayName": "symptomExcessiveHairGrowth",
                                "index": 63
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomThinningHair",
                                "displayName": "symptomThinningHair",
                                "index": 64
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomSpottySkin",
                                "displayName": "symptomSpottySkin",
                                "index": 65
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomSkinTags",
                                "displayName": "symptomSkinTags",
                                "index": 66
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomHeadaches",
                                "displayName": "symptomHeadaches",
                                "index": 67
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomDifficultySleeping",
                                "displayName": "symptomDifficultySleeping",
                                "index": 68
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomNightSweats",
                                "displayName": "symptomNightSweats",
                                "index": 69
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomJointPains",
                                "displayName": "symptomJointPains",
                                "index": 70
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomPalpitations",
                                "displayName": "symptomPalpitations",
                                "index": 71
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomVaginalDryness",
                                "displayName": "symptomVaginalDryness",
                                "index": 72
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomPainDuringSex",
                                "displayName": "symptomPainDuringSex",
                                "index": 73
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomLowerBackPain",
                                "displayName": "symptomLowerBackPain",
                                "index": 74
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomBloatingOrTummyPain",
                                "displayName": "symptomBloatingOrTummyPain",
                                "index": 75
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomBreastTenderness",
                                "displayName": "symptomBreastTenderness",
                                "index": 76
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomMuscleWeakness",
                                "displayName": "symptomMuscleWeakness",
                                "index": 77
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomChangesInAppetite",
                                "displayName": "symptomChangesInAppetite",
                                "index": 78
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomMuscleAche",
                                "displayName": "symptomMuscleAche",
                                "index": 79
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomItchySkin",
                                "displayName": "symptomItchySkin",
                                "index": 80
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomBrittleHairAndNails",
                                "displayName": "symptomBrittleHairAndNails",
                                "index": 81
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomDrySkin",
                                "displayName": "symptomDrySkin",
                                "index": 82
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomConstipation",
                                "displayName": "symptomConstipation",
                                "index": 83
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomDiarrhoea",
                                "displayName": "symptomDiarrhoea",
                                "index": 84
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomPeeingMoreFrequently",
                                "displayName": "symptomPeeingMoreFrequently",
                                "index": 85
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomExcessThirst",
                                "displayName": "symptomExcessThirst",
                                "index": 86
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomSensitiveToCold",
                                "displayName": "symptomSensitiveToCold",
                                "index": 87
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomSensitiveToHeat",
                                "displayName": "symptomSensitiveToHeat",
                                "index": 88
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomNumbHands",
                                "displayName": "symptomNumbHands",
                                "index": 89
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomHeavyPeriods",
                                "displayName": "symptomHeavyPeriods",
                                "index": 90
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomPainfulPeriods",
                                "displayName": "symptomPainfulPeriods",
                                "index": 91
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomPainWhenPeeingOrPooing",
                                "displayName": "symptomPainWhenPeeingOrPooing",
                                "index": 92
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomNausea",
                                "displayName": "symptomNausea",
                                "index": 93
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomBloodInYourPee",
                                "displayName": "symptomBloodInYourPee",
                                "index": 94
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomLowMood",
                                "displayName": "symptomLowMood",
                                "index": 95
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomAnxiety",
                                "displayName": "symptomAnxiety",
                                "index": 96
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomPoorConcentration",
                                "displayName": "symptomPoorConcentration",
                                "index": 97
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomPoorMemory",
                                "displayName": "symptomPoorMemory",
                                "index": 98
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomLowSexDrive",
                                "displayName": "symptomLowSexDrive",
                                "index": 99
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomMoodSwings",
                                "displayName": "symptomMoodSwings",
                                "index": 100
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomIrritability",
                                "displayName": "symptomIrritability",
                                "index": 101
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomLowEnergy",
                                "displayName": "symptomLowEnergy",
                                "index": 102
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomLossOfInterestInHavingFun",
                                "displayName": "symptomLossOfInterestInHavingFun",
                                "index": 103
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomTense",
                                "displayName": "symptomTense",
                                "index": 104
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomOverwhelmed",
                                "displayName": "symptomOverwhelmed",
                                "index": 105
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomHyperactive",
                                "displayName": "symptomHyperactive",
                                "index": 106
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-symptomUserAdded",
                                "displayName": "symptomUserAdded",
                                "index": 107
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-adContent",
                                "displayName": "adContent",
                                "index": 108
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-keyword",
                                "displayName": "keyword",
                                "index": 109
                            },
                            {
                                "type": {
                                    "name": "string"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-medium",
                                "displayName": "medium",
                                "index": 110
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "26ff7bcc-198e-090a-6def-61eaea8e3842",
                        "type": "Collection2",
                        "x": 1260.3825747975043,
                        "y": 1090.6491547895532,
                        "parameters": {
                            "collectionId": "Selected Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "eaddae00-7045-c171-d78a-15f9659c3d6a",
                        "type": "Static Data",
                        "label": "All Symptoms",
                        "x": -1113.7229585118653,
                        "y": 687.1750826056241,
                        "parameters": {
                            "csv": "Symptom Bucket,Symptom,Menopause,Perimenopause,PCOS,PMS,PMDD,Hypothyoridism,Hyperthyroidism,Fibroids,Endometriosis,I don't know\r\nphysical 1,Irregular periods,Y,y,Y,,,y,,,,y\r\nphysical 1,weight gain,Y,y,y,,,y,,,,y\r\nphysical 1,hot flushes,Y,y,,,,,,,,y\r\nphysical 1,difficulty getting pregnant,y,y,y,,,,,,y,y\r\nphysical 1,excessive hair growth,,,y,,,,,,,y\r\nphysical 1,thinning hair,,,y,,,,,,,y\r\nphysical 1,Spotty skin,,,y,y,,,,,,y\r\nphysical 1,Skin tags,,,y,,,,,,,y\r\nphysical 1,headaches,y,y,,y,y,,,,,y\r\nphysical 1,difficulty sleeping,y,y,,y,y,,y,,,y\r\nphysical 1,night sweats,y,y,,,,,,,,y\r\nphysical 1,joint pains,y,y,,,,,,,,y\r\nphysical 1,palpitations,y,y,,,,,,,,y\r\nphysical 1,vaginal dryness,y,y,,,,,,,,y\r\nphysical 1,Pain during sex,y,y,,,,,,y,y,y\r\nphysical 2,lower back pain,,,,,,,,y,y,y\r\nphysical 2,bloating or tummy pain,,,,y,y,,,y,y,y\r\nphysical 2,breast tenderness,,,,y,y,,,,,y\r\nphysical 2,muscle weakness,,,,,,,y,,,y\r\nphysical 2,changes in appetite,,,,y,y,,,,,y\r\nphysical 2,muscle ache,,,,,y,y,,,,y\r\nphysical 2,itchy skin,,,,,,,y,,,y\r\nphysical 2,brittle hair & nails,,,,,,y,,,,y\r\nphysical 2,dry skin,,,,,,y,,,,y\r\nphysical 2,constipation,,,,,,y,,y,,y\r\nphysical 2,diarrhoea,,,,,,,y,,,y\r\nphysical 2,peeing more frequently,,,,,,,y,y,,y\r\nphysical 2,excess thirst,,,,,,,y,,,y\r\nphysical 2,sensitive to cold,,,,,,y,,,,y\r\nphysical 2,sensitive to heat,,,,,,,y,,,y\r\nphysical 2,numb hands,,,,,,y,,,,y\r\nperiod related,heavy periods,,,,,,y,,y,y,y\r\nperiod related,painful periods,,,,,,,,y,,y\r\nperiod related,Pain when peeing or pooing,,,,,,,,,y,y\r\nperiod related,nausea,,,,,,,,,y,y\r\nperiod related,constipation,,,,,,,,,y,y\r\nperiod related,Diarrhoea,,,,,,,,,y,y\r\nperiod related,Blood in your pee,,,,,,,,,y,y\r\nMood related,Low mood,y,y,y,y,y,y,,,y,y\r\nMood related,Anxiety,y,y,y,y,y,,y,,,y\r\nMood related,Poor concentration,y,y,y,,y,,,,,y\r\nMood related,Poor memory,y,y,y,,,,,,,y\r\nMood related,Low sex drive,y,y,,y,,y,y,,,y\r\nMood related,Mood swings,,,,y,,,y,,,y\r\nMood related,Irritability,,,,y,y,,y,,,y\r\nMood related,Low energy,,,,,y,y,y,,,y\r\nMood related,Loss of interest in having fun,,,,,y,,,,,y\r\nMood related,Tense,,,,,y,,,,,y\r\nMood related,Overwhelmed,,,,,y,,,,,y\r\nMood related,Hyperactive,,,,,,,y,,,y"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9b823fc6-1536-5250-414f-01fd73aa911b",
                        "type": "JavaScriptFunction",
                        "x": -867.9221382470311,
                        "y": 605.4504306290964,
                        "parameters": {
                            "functionScript": "var conditions =[];\nif(Inputs.otherAdded){\n    conditions = [{\"label\":\"I don't know\",\"value\":true}];\n}\nelse{\n    //Get all conditions that are marked as true\n    conditions = Inputs.conditions.filter(cond => cond.value);\n}\n\n//find all symptoms that has any of the conditions above\nOutputs.symptoms = Inputs.allSymptoms.filter(symptom => {\n    for(const condition of conditions) {\n        if(symptom[condition.label]) return true;\n    }\n});"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-otherAdded",
                                "displayName": "otherAdded",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "in-conditions",
                                "displayName": "conditions",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "in-allSymptoms",
                                "displayName": "allSymptoms",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "out-symptoms",
                                "displayName": "symptoms",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "462999da-155e-e737-1a78-d230b957168f",
                        "type": "Collection2",
                        "x": -637.9640247844529,
                        "y": 630.9388542296645,
                        "parameters": {
                            "collectionId": "Symptoms"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cf83f356-27cc-b491-dcf1-6210205b9d24",
                        "type": "Collection2",
                        "x": -1111.4419428306792,
                        "y": 578.6503895262927,
                        "parameters": {
                            "collectionId": "Conditions"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "589fae89-d73b-b45c-74a0-c9e1185e66bd",
                        "type": "Filter Collection",
                        "label": "Physical Array Filter",
                        "x": -516.0613581289592,
                        "y": 410.34573833255513,
                        "parameters": {
                            "filterFilter": "Symptom Bucket",
                            "filterFilterValue-Symptom Bucket": "physical 1|physical 2",
                            "filterFilterOp-Symptom Bucket": "regex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Type",
                                "editorName": "Symptom Bucket filter | Type",
                                "name": "filterFilterType-Symptom Bucket",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Op",
                                "editorName": "Symptom Bucket filter| Op",
                                "name": "filterFilterOp-Symptom Bucket",
                                "index": 11
                            },
                            {
                                "type": "boolean",
                                "default": false,
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Case sensitive",
                                "editorName": "Symptom Bucket filter| Case",
                                "name": "filterFilterOption-case-Symptom Bucket",
                                "index": 12
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Value",
                                "editorName": "Symptom Bucket Filter Value",
                                "name": "filterFilterValue-Symptom Bucket",
                                "index": 13
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a20faa63-8757-ef2b-c692-e820a11f1b69",
                        "type": "Filter Collection",
                        "label": "Period Array Filter",
                        "x": -370.12828266122176,
                        "y": 795.1372318037184,
                        "parameters": {
                            "filterFilter": "Symptom Bucket",
                            "filterFilterValue-Symptom Bucket": "period related",
                            "filterFilterOp-Symptom Bucket": "eq"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Type",
                                "editorName": "Symptom Bucket filter | Type",
                                "name": "filterFilterType-Symptom Bucket",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Op",
                                "editorName": "Symptom Bucket filter| Op",
                                "name": "filterFilterOp-Symptom Bucket",
                                "index": 11
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Value",
                                "editorName": "Symptom Bucket Filter Value",
                                "name": "filterFilterValue-Symptom Bucket",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "80a360ba-4678-43f8-93e7-75f354a929f0",
                        "type": "Filter Collection",
                        "label": "Mood Array Filter",
                        "x": -465.75834754500954,
                        "y": 1248.7877078774357,
                        "parameters": {
                            "filterFilter": "Symptom Bucket",
                            "filterFilterValue-Symptom Bucket": "Mood related",
                            "filterFilterOp-Symptom Bucket": "eq"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Type",
                                "editorName": "Symptom Bucket filter | Type",
                                "name": "filterFilterType-Symptom Bucket",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Op",
                                "editorName": "Symptom Bucket filter| Op",
                                "name": "filterFilterOp-Symptom Bucket",
                                "index": 11
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Value",
                                "editorName": "Symptom Bucket Filter Value",
                                "name": "filterFilterValue-Symptom Bucket",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a03596ab-ebbb-94b4-25b7-17bfc8e247b9",
                        "type": "Map Collection",
                        "x": 1021.5546768144131,
                        "y": 1092.009321338753,
                        "parameters": {
                            "mapScript": "map({\n\t// Here you add mappings between the input object and the mapped output object.\n\t//myOutputProp: 'inputProp',\n\t//anotherProperty: function(object) { return object.get('someProperty') + ' ' + object.get('otherProp') }\n    symptom: 'Symptom'\n    \n})\n"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "eba43b6f-0b23-8648-9848-fcf20033bea0",
                        "type": "Filter Collection",
                        "label": "Physical Array Filter",
                        "x": 365.84172756098064,
                        "y": 320.616853826388,
                        "parameters": {
                            "filterFilter": "Symptom Bucket",
                            "filterFilterValue-Symptom Bucket": "physical 1|physical 2",
                            "filterFilterOp-Symptom Bucket": "regex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Type",
                                "editorName": "Symptom Bucket filter | Type",
                                "name": "filterFilterType-Symptom Bucket",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Op",
                                "editorName": "Symptom Bucket filter| Op",
                                "name": "filterFilterOp-Symptom Bucket",
                                "index": 11
                            },
                            {
                                "type": "boolean",
                                "default": false,
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Case sensitive",
                                "editorName": "Symptom Bucket filter| Case",
                                "name": "filterFilterOption-case-Symptom Bucket",
                                "index": 12
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Value",
                                "editorName": "Symptom Bucket Filter Value",
                                "name": "filterFilterValue-Symptom Bucket",
                                "index": 13
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e73e08fd-836a-93c8-b02d-1b3ff1576ed5",
                        "type": "Filter Collection",
                        "label": "Period Array Filter",
                        "x": 385.314238212585,
                        "y": 683.9757669849389,
                        "parameters": {
                            "filterFilter": "Symptom Bucket",
                            "filterFilterValue-Symptom Bucket": "period related",
                            "filterFilterOp-Symptom Bucket": "eq"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Type",
                                "editorName": "Symptom Bucket filter | Type",
                                "name": "filterFilterType-Symptom Bucket",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Op",
                                "editorName": "Symptom Bucket filter| Op",
                                "name": "filterFilterOp-Symptom Bucket",
                                "index": 11
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Value",
                                "editorName": "Symptom Bucket Filter Value",
                                "name": "filterFilterValue-Symptom Bucket",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "35b50b3b-b749-7e74-0c71-3a6f23cef779",
                        "type": "Filter Collection",
                        "label": "Mood Array Filter",
                        "x": 321.3362618692033,
                        "y": 1086.2559983520457,
                        "parameters": {
                            "filterFilter": "Symptom Bucket",
                            "filterFilterValue-Symptom Bucket": "Mood related",
                            "filterFilterOp-Symptom Bucket": "eq"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": "boolean",
                                "plug": "input",
                                "group": "Limit",
                                "name": "filterEnableLimit",
                                "displayName": "Use limit",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Filter",
                                "name": "filterFilter",
                                "displayName": "Filter",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "stringlist",
                                    "allowEditOnly": true
                                },
                                "plug": "input",
                                "group": "Sort",
                                "name": "filterSort",
                                "displayName": "Sort",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "string",
                                            "label": "String"
                                        },
                                        {
                                            "value": "number",
                                            "label": "Number"
                                        },
                                        {
                                            "value": "boolean",
                                            "label": "Boolean"
                                        }
                                    ]
                                },
                                "default": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Type",
                                "editorName": "Symptom Bucket filter | Type",
                                "name": "filterFilterType-Symptom Bucket",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "eq",
                                            "label": "Equals"
                                        },
                                        {
                                            "value": "neq",
                                            "label": "Not Equals"
                                        },
                                        {
                                            "value": "regex",
                                            "label": "Matches RegEx"
                                        }
                                    ]
                                },
                                "default": "eq",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Op",
                                "editorName": "Symptom Bucket filter| Op",
                                "name": "filterFilterOp-Symptom Bucket",
                                "index": 11
                            },
                            {
                                "type": "string",
                                "plug": "input",
                                "group": "Symptom Bucket filter",
                                "displayName": "Value",
                                "editorName": "Symptom Bucket Filter Value",
                                "name": "filterFilterValue-Symptom Bucket",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "45a7199f-f14b-2668-040f-f1f50efa8953",
                        "type": "Variable2",
                        "x": -862.810100099393,
                        "y": 855.4255925069647,
                        "parameters": {
                            "name": "otherDiagnosisAdded"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "14a1fef5-72a7-af9e-5d37-6c86d4d370f2",
                        "type": "Or",
                        "x": -337.67765502134046,
                        "y": 673.1790733334642,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "input 0",
                                "displayName": "Input 0",
                                "type": "boolean",
                                "plug": "input",
                                "index": 1
                            },
                            {
                                "name": "input 1",
                                "displayName": "Input 1",
                                "type": "boolean",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "input 2",
                                "displayName": "Input 2",
                                "type": "boolean",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b389d322-75de-3b32-77cc-b77569c0afb1",
                        "type": "Or",
                        "x": -322.1033431155312,
                        "y": 189.0149929382025,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "input 0",
                                "displayName": "Input 0",
                                "type": "boolean",
                                "plug": "input",
                                "index": 1
                            },
                            {
                                "name": "input 1",
                                "displayName": "Input 1",
                                "type": "boolean",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "input 2",
                                "displayName": "Input 2",
                                "type": "boolean",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9e3705be-19df-1d16-d85e-72c25ab1437f",
                        "type": "Or",
                        "x": -348.310931683121,
                        "y": 1127.9918039659954,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "input 0",
                                "displayName": "Input 0",
                                "type": "boolean",
                                "plug": "input",
                                "index": 1
                            },
                            {
                                "name": "input 1",
                                "displayName": "Input 1",
                                "type": "boolean",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "input 2",
                                "displayName": "Input 2",
                                "type": "boolean",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ccb5141a-24fc-0257-edd3-2b021f27a2e8",
                        "type": "JavaScriptFunction",
                        "label": "Print all symptoms",
                        "x": -883.4792375844831,
                        "y": 443.5882369478767,
                        "parameters": {
                            "functionScript": "Inputs.allSymptoms.forEach(symptom => console.log(symptom.Symptom.toLowerCase()));\nOutputs.done();"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-allSymptoms",
                                "displayName": "allSymptoms",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-done",
                                "displayName": "done",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6a16e9b5-3d37-ec92-ae9d-94cb392786a3",
                        "type": "JavaScriptFunction",
                        "x": 1287.80901744809,
                        "y": 1494.2651409068783,
                        "parameters": {
                            "functionScript": "Outputs.userAddedSymptoms = \"\";\n\nInputs.SelectedSymptoms.each(symptom => {\n   switch(symptom.symptom.toLowerCase()){\n        case \"irregular periods\":\n            Outputs.IrregularPeriods = true;\n            break;\n        case \"weight gain\":\n            Outputs.WeightGain = true;\n            break;\n        case \"hot flushes\":\n            Outputs.HotFlushes = true;\n            break;\n        case \"difficulty getting pregnant\":\n            Outputs.DifficultyGettingPregnant = true;\n            break;\n        case \"excessive hair growth\":\n            Outputs.ExcessiveHairGrowth = true;\n            break;\n        case \"thinning hair\":\n            Outputs.ThinningHair = true;\n            break;\n        case \"spotty skin\":\n            Outputs.SpottySkin = true;\n            break;\n        case \"skin tags\":\n            Outputs.SkinTags = true;\n            break;\n        case \"headaches\":\n            Outputs.Headaches = true;\n            break;\n        case \"difficulty sleeping\":\n            Outputs.DifficultySleeping = true;\n            break;\n            \n        case \"night sweats\":\n            Outputs.NightSweats = true;\n            break;\n        case \"joint pains\":\n            Outputs.JointPains = true;\n            break;\n        case \"palpitations\":\n            Outputs.Palpitations = true;\n            break;\n        case \"vaginal dryness\":\n            Outputs.VaginalDryness = true;\n            break;\n        case \"pain during sex\":\n            Outputs.PainDuringSex = true;\n            break;\n        case \"lower back pain\":\n            Outputs.LowerBackPain = true;\n            break;\n        case \"bloating or tummy pain\":\n            Outputs.BloatingOrTummyPain = true;\n            break;\n        case \"breast tenderness\":\n            Outputs.BreastTenderness = true;\n            break;\n        case \"muscle weakness\":\n            Outputs.MuscleWeakness = true;\n            break;\n        case \"changes in appetite\":\n            Outputs.ChangesInAppetite = true;\n            break;\n            \n        case \"muscle ache\":\n            Outputs.MuscleAche = true;\n            break;\n        case \"itchy skin\":\n            Outputs.ItchySkin = true;\n            break;\n        case \"brittle hair & nails\":\n            Outputs.BrittleHairAndNails = true;\n            break;\n        case \"dry skin\":\n            Outputs.DrySkin = true;\n            break;\n        case \"constipation\":\n            Outputs.Constipation = true;\n            break;\n        case \"diarrhoea\":\n            Outputs.Diarrhoea = true;\n            break;\n        case \"peeing more frequently\":\n            Outputs.PeeingMoreFrequently = true;\n            break;\n        case \"excess thirst\":\n            Outputs.ExcessThirst = true;\n            break;\n        case \"sensitive to cold\":\n            Outputs.SensitiveToCold = true;\n            break;\n        case \"sensitive to heat\":\n            Outputs.SensitiveToHeat = true;\n            break;\n            \n        case \"numb hands\":\n            Outputs.NumbHands = true;\n            break;\n        case \"heavy periods\":\n            Outputs.HeavyPeriods = true;\n            break;\n        case \"painful periods\":\n            Outputs.PainfulPeriods = true;\n            break;\n        case \"pain when peeing or pooing\":\n            Outputs.PainWhenPeeingOrPooing = true;\n            break;\n        case \"nausea\":\n            Outputs.Nausea = true;\n            break;\n        case \"Blood in your pee\":\n            Outputs.BloodInYourPee = true;\n            break;\n        case \"low mood\":\n            Outputs.LowMood = true;\n            break;\n        case \"anxiety\":\n            Outputs.Anxiety = true;\n            break;\n        case \"poor concentration\":\n            Outputs.PoorConcentration = true;\n            break;\n        case \"poor memory\":\n            Outputs.PoorMemory = true;\n            break;\n            \n        case \"low sex drive\":\n            Outputs.LowSexDrive = true;\n            break;\n        case \"mood swings\":\n            Outputs.MoodSwings = true;\n            break;\n        case \"irritability\":\n            Outputs.Irritability = true;\n            break;\n        case \"low energy\":\n            Outputs.LowEnergy = true;\n            break;\n        case \"loss of interest in having fun\":\n            Outputs.LossOfInterest = true;\n            break;\n        case \"tense\":\n            Outputs.Tense = true;\n            break;\n        case \"overwhelmed\":\n            Outputs.Overwhelmed = true;\n            break;\n        case \"hyperactive\":\n            Outputs.Hyperactive = true;\n            break;\n        \n           \n   } \n   \n   if(symptom.userAdded===true)\n   {\n        Outputs.userAddedSymptoms = Outputs.userAddedSymptoms + \"\"+  symptom.Symptom; \n   }\n   \n});\n\nOutputs.Done();"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "in-SelectedSymptoms",
                                "displayName": "SelectedSymptoms",
                                "plug": "input",
                                "type": "*",
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "out-Done",
                                "displayName": "Done",
                                "plug": "output",
                                "type": "signal",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "out-userAddedSymptoms",
                                "displayName": "userAddedSymptoms",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "out-IrregularPeriods",
                                "displayName": "IrregularPeriods",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "out-WeightGain",
                                "displayName": "WeightGain",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "out-HotFlushes",
                                "displayName": "HotFlushes",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 9
                            },
                            {
                                "name": "out-DifficultyGettingPregnant",
                                "displayName": "DifficultyGettingPregnant",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "out-ExcessiveHairGrowth",
                                "displayName": "ExcessiveHairGrowth",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 11
                            },
                            {
                                "name": "out-ThinningHair",
                                "displayName": "ThinningHair",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 12
                            },
                            {
                                "name": "out-SpottySkin",
                                "displayName": "SpottySkin",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 13
                            },
                            {
                                "name": "out-SkinTags",
                                "displayName": "SkinTags",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 14
                            },
                            {
                                "name": "out-Headaches",
                                "displayName": "Headaches",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 15
                            },
                            {
                                "name": "out-DifficultySleeping",
                                "displayName": "DifficultySleeping",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 16
                            },
                            {
                                "name": "out-NightSweats",
                                "displayName": "NightSweats",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 17
                            },
                            {
                                "name": "out-JointPains",
                                "displayName": "JointPains",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 18
                            },
                            {
                                "name": "out-Palpitations",
                                "displayName": "Palpitations",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 19
                            },
                            {
                                "name": "out-VaginalDryness",
                                "displayName": "VaginalDryness",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 20
                            },
                            {
                                "name": "out-PainDuringSex",
                                "displayName": "PainDuringSex",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 21
                            },
                            {
                                "name": "out-LowerBackPain",
                                "displayName": "LowerBackPain",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 22
                            },
                            {
                                "name": "out-BloatingOrTummyPain",
                                "displayName": "BloatingOrTummyPain",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 23
                            },
                            {
                                "name": "out-BreastTenderness",
                                "displayName": "BreastTenderness",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 24
                            },
                            {
                                "name": "out-MuscleWeakness",
                                "displayName": "MuscleWeakness",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 25
                            },
                            {
                                "name": "out-ChangesInAppetite",
                                "displayName": "ChangesInAppetite",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 26
                            },
                            {
                                "name": "out-MuscleAche",
                                "displayName": "MuscleAche",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 27
                            },
                            {
                                "name": "out-ItchySkin",
                                "displayName": "ItchySkin",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 28
                            },
                            {
                                "name": "out-BrittleHairAndNails",
                                "displayName": "BrittleHairAndNails",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 29
                            },
                            {
                                "name": "out-DrySkin",
                                "displayName": "DrySkin",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 30
                            },
                            {
                                "name": "out-Constipation",
                                "displayName": "Constipation",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 31
                            },
                            {
                                "name": "out-Diarrhoea",
                                "displayName": "Diarrhoea",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 32
                            },
                            {
                                "name": "out-PeeingMoreFrequently",
                                "displayName": "PeeingMoreFrequently",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 33
                            },
                            {
                                "name": "out-ExcessThirst",
                                "displayName": "ExcessThirst",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 34
                            },
                            {
                                "name": "out-SensitiveToCold",
                                "displayName": "SensitiveToCold",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 35
                            },
                            {
                                "name": "out-SensitiveToHeat",
                                "displayName": "SensitiveToHeat",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 36
                            },
                            {
                                "name": "out-NumbHands",
                                "displayName": "NumbHands",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 37
                            },
                            {
                                "name": "out-HeavyPeriods",
                                "displayName": "HeavyPeriods",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 38
                            },
                            {
                                "name": "out-PainfulPeriods",
                                "displayName": "PainfulPeriods",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 39
                            },
                            {
                                "name": "out-PainWhenPeeingOrPooing",
                                "displayName": "PainWhenPeeingOrPooing",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 40
                            },
                            {
                                "name": "out-Nausea",
                                "displayName": "Nausea",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 41
                            },
                            {
                                "name": "out-BloodInYourPee",
                                "displayName": "BloodInYourPee",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 42
                            },
                            {
                                "name": "out-LowMood",
                                "displayName": "LowMood",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 43
                            },
                            {
                                "name": "out-Anxiety",
                                "displayName": "Anxiety",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 44
                            },
                            {
                                "name": "out-PoorConcentration",
                                "displayName": "PoorConcentration",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 45
                            },
                            {
                                "name": "out-PoorMemory",
                                "displayName": "PoorMemory",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 46
                            },
                            {
                                "name": "out-LowSexDrive",
                                "displayName": "LowSexDrive",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 47
                            },
                            {
                                "name": "out-MoodSwings",
                                "displayName": "MoodSwings",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 48
                            },
                            {
                                "name": "out-Irritability",
                                "displayName": "Irritability",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 49
                            },
                            {
                                "name": "out-LowEnergy",
                                "displayName": "LowEnergy",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 50
                            },
                            {
                                "name": "out-LossOfInterest",
                                "displayName": "LossOfInterest",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 51
                            },
                            {
                                "name": "out-Tense",
                                "displayName": "Tense",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 52
                            },
                            {
                                "name": "out-Overwhelmed",
                                "displayName": "Overwhelmed",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 53
                            },
                            {
                                "name": "out-Hyperactive",
                                "displayName": "Hyperactive",
                                "plug": "output",
                                "type": "*",
                                "group": "Outputs",
                                "index": 54
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "650ae8e2-8274-b097-297a-4960d46b628a",
                        "type": "Static Data",
                        "x": -1174.9286384550185,
                        "y": 133.32672638122878,
                        "parameters": {
                            "type": "json",
                            "json": "[\n{\"label\":\"Endometriosis\",\"value\":false},\n{\"label\":\"Fibroids\",\"value\":true},\n{\"label\":\"Hyperthyroidism\",\"value\":true},\n{\"label\":\"Hypothyoridism\",\"value\":false},\n{\"label\":\"Menopause\",\"value\":false},\n{\"label\":\"Perimenopause\",\"value\":false},\n{\"label\":\"PCOS\",\"value\":true},\n{\"label\":\"PMDD\",\"value\":false},\n{\"label\":\"PMS\",\"value\":false},\n{\"label\":\"I don't know\",\"value\":false},\n{\"otherLabel\":\"this is just so we get the +Other pill\"}\n]"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ded20701-8c34-deba-de94-3a22ebd7d75d",
                        "type": "Collection2",
                        "x": -964.7751076226567,
                        "y": 127.07259117452926,
                        "parameters": {
                            "collectionId": "Conditions"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 8589.381198466383,
                    "y": 0
                }
            }
        },
        {
            "name": "/Visual Components/Profile/Public Profile Card",
            "id": "eeac0bed-26d5-6f86-c3be-73538b724336",
            "graph": {
                "connections": [
                    {
                        "fromId": "48a31289-771f-3f6b-e217-0d038af71b30",
                        "fromProperty": "username",
                        "toId": "b804c857-62ca-dc42-0188-e6ba33a82534",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "33255627-6655-129f-5cf7-085c4227c149",
                        "fromProperty": "onClick",
                        "toId": "7d309adb-2980-9190-15ed-04eee5cfd039",
                        "toProperty": "logout"
                    },
                    {
                        "fromId": "8ed80701-a189-0a71-8943-3d8cae0780ae",
                        "fromProperty": "onClick",
                        "toId": "18813d35-5489-a157-d514-40d46c0d6f54",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "48a31289-771f-3f6b-e217-0d038af71b30",
                        "fromProperty": "username",
                        "toId": "42db6bb3-c918-a385-8213-b514cc8ae609",
                        "toProperty": "startValue"
                    },
                    {
                        "fromId": "42db6bb3-c918-a385-8213-b514cc8ae609",
                        "fromProperty": "onEnter",
                        "toId": "d5f6672c-c531-3296-7d72-c15d500e7b26",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "18813d35-5489-a157-d514-40d46c0d6f54",
                        "fromProperty": "at-Show",
                        "toId": "b804c857-62ca-dc42-0188-e6ba33a82534",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "18813d35-5489-a157-d514-40d46c0d6f54",
                        "fromProperty": "at-Edit",
                        "toId": "42db6bb3-c918-a385-8213-b514cc8ae609",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "55b0b43a-ed92-c286-8ba1-1bdfc926ab35",
                        "type": "Group",
                        "x": -149,
                        "y": -157,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 24,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 24,
                                "unit": "px"
                            },
                            "borderRadius": {
                                "value": 10,
                                "unit": "px"
                            },
                            "boxShadowEnabled": true,
                            "width": {
                                "value": 95,
                                "unit": "%"
                            },
                            "alignX": "center",
                            "marginTop": {
                                "value": 24,
                                "unit": "px"
                            },
                            "alignItems": "center"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ffcce668-17b9-b075-3f56-205e60a3b08d",
                                "type": "Group",
                                "parameters": {
                                    "flexDirection": "row",
                                    "justifyContent": "space-between",
                                    "alignItems": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "bedfc665-71d1-6c69-fddd-c5a9f041d6bc",
                                        "type": "Text",
                                        "parameters": {
                                            "fontFamily": "Inter-Medium.ttf",
                                            "color": "#77C2C6",
                                            "text": "Public Profile",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "8ed80701-a189-0a71-8943-3d8cae0780ae",
                                        "type": "Group",
                                        "parameters": {
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "097c8750-7333-23b1-107f-b63a11c83c3b",
                                                "type": "net.noodl.visual.icon",
                                                "parameters": {
                                                    "iconColor": "#77C2C6",
                                                    "iconIconSource": {
                                                        "class": "material-icons",
                                                        "code": "edit_note"
                                                    },
                                                    "alignY": "center",
                                                    "iconSize": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "724ce8b8-9cdf-342f-518f-9c67765343a7",
                                "type": "Image",
                                "parameters": {
                                    "src": "profileIcon.svg",
                                    "sizeMode": "explicit",
                                    "width": {
                                        "value": 140,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 140,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b804c857-62ca-dc42-0188-e6ba33a82534",
                                "type": "Text",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "fontSize": {
                                        "value": 28,
                                        "unit": "px"
                                    },
                                    "color": "#379EA5"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "42db6bb3-c918-a385-8213-b514cc8ae609",
                                "type": "net.noodl.controls.textinput",
                                "variant": "UI Text Input",
                                "parameters": {
                                    "label": "Username"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "33255627-6655-129f-5cf7-085c4227c149",
                                "type": "Group",
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "marginTop": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "cssClassName": "pointer"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "f66c1c42-2bd2-b7a6-9488-35f9caf71f9c",
                                        "type": "Text",
                                        "parameters": {
                                            "text": "Log out"
                                        },
                                        "stateParameters": {
                                            "hover": {
                                                "color": "Primary Light"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "9307d780-cf85-10f1-9164-971c9a71fa65",
                                "type": "Group",
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6c320efe-50ee-0f9e-d118-e8f66cacc65d",
                                        "type": "Group",
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row",
                                            "height": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b72bf5f5-4408-3c25-4504-6f40c1ac356b",
                                                "type": "Image",
                                                "parameters": {
                                                    "src": "globe-alt.svg",
                                                    "sizeMode": "contentWidth",
                                                    "marginTop": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "c3907a12-f164-4fad-b50a-71642623d1bd",
                                                "type": "Text",
                                                "parameters": {
                                                    "alignY": "center",
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "Inter-Bold.ttf",
                                                    "text": "Malmö"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "104b1454-ed5e-77f9-a497-cee5283730d7",
                                        "type": "Group",
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1d77fdcf-f998-2e1e-da8a-7724930accc6",
                                                "type": "Text",
                                                "label": "Text",
                                                "parameters": {
                                                    "text": "Bio",
                                                    "fontFamily": "Inter-Bold.ttf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "f3bee1d9-1024-202b-5d48-31fa272f82b3",
                                                "type": "Text",
                                                "label": "Text",
                                                "parameters": {
                                                    "text": "Voluptas consectetur eveniet nihil accusantium. Sint possimus fugiat est consequatur asperiores neque dolorum facilis molestiae. ",
                                                    "color": "Dark Gray"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "48a31289-771f-3f6b-e217-0d038af71b30",
                        "type": "net.noodl.user.User",
                        "x": -652.1750190600931,
                        "y": -63.72396524796034,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-createdAt",
                                "displayName": "createdAt",
                                "index": 12
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "createdAt Changed",
                                "name": "changed-createdAt",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "date"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-updatedAt",
                                "displayName": "updatedAt",
                                "index": 14
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "updatedAt Changed",
                                "name": "changed-updatedAt",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-emailVerified",
                                "displayName": "emailVerified",
                                "index": 16
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "emailVerified Changed",
                                "name": "changed-emailVerified",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "output",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 18
                            },
                            {
                                "type": "signal",
                                "plug": "output",
                                "group": "Changed Events",
                                "displayName": "liked_articles Changed",
                                "name": "changed-liked_articles",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7d309adb-2980-9190-15ed-04eee5cfd039",
                        "type": "Component Outputs",
                        "x": 180.41249046995335,
                        "y": 69.63801737601989,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "logout",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "18813d35-5489-a157-d514-40d46c0d6f54",
                        "type": "States",
                        "x": 255.75477385385068,
                        "y": -68.25604258068498,
                        "parameters": {
                            "states": "Show,Edit",
                            "useTransitions": false
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Show",
                                "name": "to-Show",
                                "group": "Go to state",
                                "index": 6
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Show",
                                "name": "at-Show",
                                "group": "Current state",
                                "index": 7
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Show",
                                "name": "reached-Show",
                                "group": "Current state",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "signal",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Edit",
                                "name": "to-Edit",
                                "group": "Go to state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Edit",
                                "name": "at-Edit",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Edit",
                                "name": "reached-Edit",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Show",
                                        "Edit"
                                    ]
                                },
                                "group": "States",
                                "displayName": "State",
                                "name": "currentState",
                                "default": "Show",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d5f6672c-c531-3296-7d72-c15d500e7b26",
                        "type": "net.noodl.user.SetUserProperties",
                        "x": 217.14287883732152,
                        "y": 199.4530962005851,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*"
                                },
                                "plug": "input",
                                "group": "Properties",
                                "name": "prop-liked_articles",
                                "displayName": "liked_articles",
                                "index": 5
                            }
                        ],
                        "children": []
                    }
                ]
            },
            "metadata": {
                "canvasPos": {
                    "x": 6769.381198466383,
                    "y": 0
                }
            }
        }
    ],
    "settings": {
        "htmlTitle": "Shine",
        "navigationPathType": "path",
        "headCode": "<script src=\"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js\" ></script>"
    },
    "rootNodeId": "246f9453-a119-ac78-171e-3806cf596ecc",
    "version": "3",
    "metadata": {
        "dbCollections": [
            {
                "name": "ShineSignUpData",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "userId": {
                            "type": "String",
                            "required": true
                        },
                        "firstName": {
                            "type": "String",
                            "required": false
                        },
                        "lastName": {
                            "type": "String",
                            "required": false
                        },
                        "source": {
                            "type": "String",
                            "required": false
                        },
                        "campaign": {
                            "type": "String",
                            "required": false
                        },
                        "confidence": {
                            "type": "String",
                            "required": false
                        },
                        "email": {
                            "type": "String",
                            "required": false
                        },
                        "newsletterPreferences": {
                            "type": "Array",
                            "required": false,
                            "defaultValue": []
                        },
                        "viewedGlossaryList": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "consent": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionEndometriosis": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionFibroids": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionHyperthyroidism": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionHypothyoridism": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionMenopause": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionPerimenopause": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionPCOS": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionPMDD": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionPMS": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "conditionIdontKnow": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "otherCondition": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisEndometriosisDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisFibroidsDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisHyperthyroidismDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisHypothyoridismDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisMenopauseDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisPerimenopauseDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisPCOSDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisPMDDDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "diagnosisPMSDoctorConfirmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "otherDiagnosis": {
                            "type": "String",
                            "required": false,
                            "defaultValue": ""
                        },
                        "diagnosisEndometriosisTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisFibroidsTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisHyperthyroidismTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisHypothyroidismTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisMenopauseTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisPerimenopauseTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisPCOSTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisPMDDTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "diagnosisPMSTimeFromDiag": {
                            "type": "String",
                            "required": false
                        },
                        "expectationUnderstand": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "expectationLearn": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "expectationMeet": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "expectationAsk": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "expectationSeek": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "expectationFind": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "expectationManage": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomIrregularPeriods": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomWeightGain": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomHotFlushes": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomDifficultyGettingPregnant": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomExcessiveHairGrowth": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomThinningHair": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomSpottySkin": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomSkinTags": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomHeadaches": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomDifficultySleeping": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomNightSweats": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomJointPains": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomPalpitations": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomVaginalDryness": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomPainDuringSex": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomLowerBackPain": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomBloatingOrTummyPain": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomBreastTenderness": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomMuscleWeakness": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomChangesInAppetite": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomMuscleAche": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomItchySkin": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomBrittleHairAndNails": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomDrySkin": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomConstipation": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomDiarrhoea": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomPeeingMoreFrequently": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomExcessThirst": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomSensitiveToCold": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomSensitiveToHeat": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomNumbHands": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomHeavyPeriods": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomPainfulPeriods": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomPainWhenPeeingOrPooing": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomNausea": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomBloodInYourPee": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomLowMood": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomAnxiety": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomPoorConcentration": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomPoorMemory": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomLowSexDrive": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomMoodSwings": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomIrritability": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomLowEnergy": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomLossOfInterestInHavingFun": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomTense": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomOverwhelmed": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomHyperactive": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "symptomUserAdded": {
                            "type": "String",
                            "required": false,
                            "defaultValue": ""
                        },
                        "adContent": {
                            "type": "String",
                            "required": false
                        },
                        "keyword": {
                            "type": "String",
                            "required": false
                        },
                        "medium": {
                            "type": "String",
                            "required": false
                        }
                    }
                }
            },
            {
                "name": "LandingPageForm",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "userId": {
                            "type": "String",
                            "required": true
                        },
                        "firstName": {
                            "type": "String",
                            "required": false
                        },
                        "condition": {
                            "type": "String",
                            "required": false
                        },
                        "story": {
                            "type": "String",
                            "required": false
                        },
                        "ConditionsArray": {
                            "type": "Array",
                            "required": false,
                            "defaultValue": []
                        }
                    }
                }
            },
            {
                "name": "GlossaryViewed",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "userId": {
                            "type": "String",
                            "required": true
                        },
                        "Endometriosis": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "Fibroids": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "Hyperthyroidism": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "Hypothyroidism": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "Menopause": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "Perimenopause": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "PCOS": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "PMDD": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        },
                        "PMS": {
                            "type": "Boolean",
                            "required": false,
                            "defaultValue": false
                        }
                    }
                }
            },
            {
                "name": "Comment",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "comment_text": {
                            "type": "String",
                            "required": true
                        },
                        "comment_author": {
                            "type": "String",
                            "required": false
                        },
                        "comment_parent": {
                            "type": "String",
                            "required": true
                        }
                    }
                }
            },
            {
                "name": "Article",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "article_id": {
                            "type": "String",
                            "required": true
                        },
                        "likes_count": {
                            "type": "Number",
                            "required": false
                        },
                        "ratings": {
                            "type": "Object",
                            "required": false
                        }
                    }
                }
            }
        ],
        "styles": {
            "text": {
                "Body Text": {
                    "fontFamily": "Inter-Regular.ttf",
                    "fontSize": {
                        "value": "16",
                        "unit": "px"
                    },
                    "color": "#000000"
                },
                "Button Label": {
                    "fontFamily": "fonts/Roboto/Roboto-Regular.ttf",
                    "fontSize": {
                        "value": "16",
                        "unit": "px"
                    },
                    "color": "#000000"
                },
                "Label Text": {
                    "fontFamily": "fonts/Roboto/Roboto-Regular.ttf",
                    "fontSize": {
                        "value": "14",
                        "unit": "px"
                    },
                    "color": "#000000"
                }
            },
            "colors": {
                "Primary": "#5836F5",
                "Light Gray": "#C6C6C6",
                "Dark Gray": "#5F5F5F",
                "Primary Dark": "#3F22B8",
                "Dark": "#1F1F1F",
                "Primary Light": "#C9BFFC",
                "Sunny Yellow": "#F0E82C",
                "Cyan Main": "#7EDADF",
                "Cyan Super Light": "#DDF5F6",
                "Cyan Dark": "#76C1C6",
                "Blue Cloud": "#BFD4E4",
                "Medium Gray": "#A0A0A0",
                "Super Light Gray": "#F5F5F5",
                "Midnight Purple": "#392A5C",
                "Cyan Darker": "#379EA5",
                "Cyan Darkest": "#2A8F95",
                "Pop-up Grey Overlay": "#00000033",
                "Super Duper Light Gray": "#F0F0F0"
            }
        },
        "systemCollections": [
            {
                "name": "_User",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "username": {
                            "type": "String"
                        },
                        "password": {
                            "type": "String"
                        },
                        "email": {
                            "type": "String"
                        },
                        "emailVerified": {
                            "type": "Boolean"
                        },
                        "authData": {
                            "type": "Object"
                        },
                        "liked_articles": {
                            "type": "Array",
                            "required": false
                        }
                    }
                }
            },
            {
                "name": "_Role",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "name": {
                            "type": "String"
                        },
                        "users": {
                            "type": "Relation",
                            "targetClass": "_User"
                        },
                        "roles": {
                            "type": "Relation",
                            "targetClass": "_Role"
                        }
                    }
                }
            },
            {
                "name": "_Session",
                "schema": {
                    "properties": {
                        "createdAt": {
                            "type": "Date"
                        },
                        "updatedAt": {
                            "type": "Date"
                        },
                        "restricted": {
                            "type": "Boolean"
                        },
                        "user": {
                            "type": "Pointer",
                            "targetClass": "_User"
                        },
                        "installationId": {
                            "type": "String"
                        },
                        "sessionToken": {
                            "type": "String"
                        },
                        "expiresAt": {
                            "type": "Date"
                        },
                        "createdWith": {
                            "type": "Object"
                        }
                    }
                }
            }
        ],
        "cloudservices": {
            "instanceId": "6ae45db63015260c",
            "workspaceId": "47eqnd",
            "endpoint": "https://backend.noodl.cloud/47eqnd/6ae45db63015260c",
            "appId": "6ae45db63015260c"
        }
    },
    "variants": [
        {
            "typename": "net.noodl.controls.button",
            "parameters": {
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "sizeMode": "contentWidth",
                "backgroundColor": "Primary",
                "iconIconSource": {
                    "class": "material-icons",
                    "code": "home"
                },
                "iconSize": {
                    "value": 22,
                    "unit": "px"
                },
                "iconSpacing": {
                    "value": 6,
                    "unit": "px"
                },
                "borderRadius": {
                    "value": 4,
                    "unit": "px"
                },
                "textStyle": "Button Label",
                "paddingTop": {
                    "value": 5,
                    "unit": "px"
                },
                "paddingLeft": {
                    "value": 24,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 24,
                    "unit": "px"
                },
                "paddingBottom": {
                    "value": 4,
                    "unit": "px"
                },
                "color": "#FFFFFF",
                "fontFamily": "fonts/Roboto/Roboto-Medium.ttf"
            },
            "stateParamaters": {
                "hover": {
                    "backgroundColor": "Primary Dark"
                },
                "pressed": {
                    "backgroundColor": "Primary Light",
                    "color": "Primary Dark"
                },
                "disabled": {
                    "backgroundColor": "Light Gray"
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "pressed": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "typename": "net.noodl.controls.radiobutton",
            "parameters": {
                "width": {
                    "value": 24,
                    "unit": "px"
                },
                "height": {
                    "value": 24,
                    "unit": "px"
                },
                "useLabel": true,
                "labeltextStyle": "Label Text",
                "borderWidth": {
                    "value": 2,
                    "unit": "px"
                },
                "value": "0",
                "useIcon": false,
                "fillColor": "transparent",
                "borderColor": "#1F1F1F7F",
                "labelfontSize": {
                    "value": 16,
                    "unit": "px"
                }
            },
            "stateParamaters": {
                "checked": {
                    "fillColor": "Primary",
                    "borderColor": "Primary",
                    "borderWidth": {
                        "value": 2,
                        "unit": "px"
                    },
                    "backgroundColor": "#FFFFFF",
                    "width": {
                        "value": 24,
                        "unit": "px"
                    },
                    "height": {
                        "value": 24,
                        "unit": "px"
                    }
                },
                "hover": {
                    "backgroundColor": "transparent",
                    "borderColor": "Primary",
                    "width": {
                        "value": 24,
                        "unit": "px"
                    },
                    "height": {
                        "value": 24,
                        "unit": "px"
                    }
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "checked": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "typename": "Text",
            "parameters": {
                "textStyle": "Body Text"
            },
            "stateParamaters": {},
            "stateTransitions": {}
        },
        {
            "typename": "net.noodl.controls.range",
            "parameters": {
                "thumbColor": "Primary",
                "thumbBorderRadius": {
                    "value": 100,
                    "unit": "%"
                },
                "trackHeight": {
                    "value": 4,
                    "unit": "px"
                },
                "trackActiveColor": "Primary",
                "trackColor": "Primary Light",
                "width": {
                    "value": 100,
                    "unit": "%"
                }
            },
            "stateParamaters": {},
            "stateTransitions": {}
        },
        {
            "typename": "net.noodl.controls.checkbox",
            "parameters": {
                "width": {
                    "value": 24,
                    "unit": "px"
                },
                "height": {
                    "value": 24,
                    "unit": "px"
                },
                "useIcon": false,
                "borderWidth": {
                    "value": 2,
                    "unit": "px"
                },
                "useLabel": true,
                "labeltextStyle": "Label Text",
                "borderRadius": {
                    "value": 2,
                    "unit": "px"
                },
                "borderColor": "#0000007F",
                "labelfontSize": {
                    "value": 16,
                    "unit": "px"
                },
                "labelcolor": "Dark"
            },
            "stateParamaters": {
                "checked": {
                    "useIcon": true,
                    "iconIconSource": {
                        "class": "material-icons",
                        "code": "check"
                    },
                    "backgroundColor": "Primary",
                    "borderColor": "Primary",
                    "iconSize": {
                        "value": 16,
                        "unit": "px"
                    }
                },
                "disabled": {
                    "opacity": 0.5
                },
                "hover": {
                    "borderColor": "Primary"
                },
                "pressed": {}
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "checked": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "typename": "net.noodl.controls.textinput",
            "parameters": {
                "useLabel": true,
                "sizeMode": "explicit",
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "textStyle": "Body Text",
                "borderStyle": "solid",
                "borderRadius": {
                    "value": 4,
                    "unit": "px"
                },
                "borderWidth": {
                    "value": 2,
                    "unit": "px"
                },
                "borderColor": "#1F1F1F7F",
                "labeltextStyle": "Label Text",
                "paddingLeft": {
                    "value": 8,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 8,
                    "unit": "px"
                },
                "labelSpacing": {
                    "value": 4,
                    "unit": "px"
                },
                "placeholder": "Type here",
                "labelcolor": "#1F1F1F7F",
                "labeltextTransform": "uppercase",
                "labelfontSize": {
                    "value": 12,
                    "unit": "px"
                },
                "labelfontFamily": "fonts/Roboto/Roboto-Medium.ttf"
            },
            "stateParamaters": {
                "hover": {
                    "labelcolor": "#000000",
                    "borderColor": "Dark",
                    "borderStyle": "solid"
                },
                "focused": {
                    "borderColor": "Primary",
                    "labelcolor": "Primary",
                    "borderWidth": {
                        "value": 2,
                        "unit": "px"
                    },
                    "boxShadowEnabled": false,
                    "boxShadowColor": "Primary",
                    "borderStyle": "solid"
                },
                "disabled": {
                    "labelcolor": "Light Gray",
                    "backgroundColor": "Light Gray",
                    "borderWidth": {
                        "value": 1,
                        "unit": "px"
                    },
                    "borderColor": "Light Gray"
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "focused": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "typename": "net.noodl.controls.options",
            "parameters": {
                "sizeMode": "explicit",
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "borderWidth": {
                    "value": 2,
                    "unit": "px"
                },
                "borderRadius": {
                    "value": 4,
                    "unit": "px"
                },
                "borderColor": "#1F1F1F7F",
                "boxShadowColor": "Dark Gray",
                "useIcon": true,
                "iconIconSource": {
                    "class": "material-icons",
                    "code": "expand_more"
                },
                "iconPlacement": "right",
                "iconSize": {
                    "value": 24,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 8,
                    "unit": "px"
                },
                "textStyle": "Body Text",
                "paddingLeft": {
                    "value": 8,
                    "unit": "px"
                },
                "marginTop": {
                    "value": 24,
                    "unit": "px"
                },
                "width": {
                    "value": 75,
                    "unit": "%"
                },
                "iconColor": "#1F1F1F7F"
            },
            "stateParamaters": {
                "hover": {
                    "borderColor": "Dark",
                    "borderRadius": {
                        "value": 4,
                        "unit": "px"
                    },
                    "iconColor": "Dark",
                    "iconSize": {
                        "value": 24,
                        "unit": "px"
                    },
                    "iconPlacement": "right"
                },
                "focused": {
                    "borderColor": "Primary",
                    "boxShadowColor": "Primary",
                    "borderRadius": {
                        "value": 4,
                        "unit": "px"
                    },
                    "useIcon": true,
                    "iconColor": "Primary",
                    "iconIconSource": {
                        "class": "material-icons",
                        "code": "keyboard_arrow_up"
                    },
                    "iconSize": {
                        "value": 24,
                        "unit": "px"
                    },
                    "iconPlacement": "right"
                },
                "pressed": {
                    "borderRadius": {
                        "value": 4,
                        "unit": "px"
                    }
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "focused": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "name": "Button Secondary",
            "typename": "net.noodl.controls.button",
            "parameters": {
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "iconIconSource": {
                    "class": "material-icons",
                    "code": "home"
                },
                "iconSize": {
                    "value": 22,
                    "unit": "px"
                },
                "iconSpacing": {
                    "value": 6,
                    "unit": "px"
                },
                "borderRadius": {
                    "value": 120,
                    "unit": "px"
                },
                "textStyle": "Button Label",
                "paddingTop": {
                    "value": 8,
                    "unit": "px"
                },
                "paddingLeft": {
                    "value": 24,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 24,
                    "unit": "px"
                },
                "paddingBottom": {
                    "value": 8,
                    "unit": "px"
                },
                "color": "Cyan Dark",
                "fontFamily": "Inter-Bold.ttf",
                "label": "Button Sec",
                "borderStyle": "solid",
                "backgroundColor": "#FFFFFF",
                "sizeMode": "explicit",
                "fontSize": {
                    "value": 16,
                    "unit": "px"
                },
                "borderColor": "Blue Cloud"
            },
            "stateParamaters": {
                "hover": {
                    "backgroundColor": "Cyan Dark",
                    "borderStyle": "solid",
                    "color": "#FFFFFF",
                    "borderColor": "Cyan Dark"
                },
                "pressed": {
                    "backgroundColor": "Cyan Main",
                    "color": "#FFFFFF",
                    "borderStyle": "solid",
                    "borderColor": "Cyan Main"
                },
                "disabled": {
                    "backgroundColor": "Light Gray"
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "pressed": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "name": "Button Primary",
            "typename": "net.noodl.controls.button",
            "parameters": {
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "iconIconSource": {
                    "class": "material-icons",
                    "code": "home"
                },
                "iconSize": {
                    "value": 22,
                    "unit": "px"
                },
                "iconSpacing": {
                    "value": 6,
                    "unit": "px"
                },
                "borderRadius": {
                    "value": 120,
                    "unit": "px"
                },
                "textStyle": "Button Label",
                "paddingTop": {
                    "value": 8,
                    "unit": "px"
                },
                "paddingLeft": {
                    "value": 24,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 24,
                    "unit": "px"
                },
                "paddingBottom": {
                    "value": 8,
                    "unit": "px"
                },
                "fontSize": {
                    "value": 16,
                    "unit": "px"
                },
                "sizeMode": "explicit",
                "backgroundColor": "Cyan Main",
                "color": "#FFFFFF",
                "label": "Button Prim",
                "fontFamily": "Inter-Bold.ttf"
            },
            "stateParamaters": {
                "hover": {
                    "backgroundColor": "Cyan Dark"
                },
                "pressed": {
                    "backgroundColor": "Blue Cloud",
                    "color": "Midnight Purple"
                },
                "disabled": {
                    "backgroundColor": "Light Gray"
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "pressed": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "name": "UI Slider",
            "typename": "net.noodl.controls.range",
            "parameters": {
                "thumbColor": "Cyan Main",
                "thumbBorderRadius": {
                    "value": 100,
                    "unit": "%"
                },
                "trackHeight": {
                    "value": 8,
                    "unit": "px"
                },
                "width": {
                    "value": 100,
                    "unit": "%"
                },
                "thumbWidth": {
                    "value": 24,
                    "unit": "px"
                },
                "thumbHeight": {
                    "value": 24,
                    "unit": "px"
                },
                "trackColor": "Cyan Super Light",
                "trackActiveColor": "Cyan Super Light"
            },
            "stateParamaters": {},
            "stateTransitions": {}
        },
        {
            "name": "UI Text Input",
            "typename": "net.noodl.controls.textinput",
            "parameters": {
                "useLabel": true,
                "sizeMode": "explicit",
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "textStyle": "Body Text",
                "borderStyle": "solid",
                "borderRadius": {
                    "value": 50,
                    "unit": "px"
                },
                "borderWidth": {
                    "value": 2,
                    "unit": "px"
                },
                "borderColor": "Blue Cloud",
                "labeltextStyle": "Label Text",
                "paddingLeft": {
                    "value": 16,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 8,
                    "unit": "px"
                },
                "labelSpacing": {
                    "value": 4,
                    "unit": "px"
                },
                "placeholder": "email@address.com",
                "labelcolor": "#000000",
                "labeltextTransform": "uppercase",
                "labelfontSize": {
                    "value": 12,
                    "unit": "px"
                },
                "labelfontFamily": "fonts/Roboto/Roboto-Medium.ttf",
                "type": "email",
                "label": "Email address*",
                "fontSize": {
                    "value": 16,
                    "unit": "px"
                },
                "color": "Medium Gray"
            },
            "stateParamaters": {
                "hover": {
                    "labelcolor": "#000000",
                    "borderColor": "Cyan Dark",
                    "borderStyle": "solid"
                },
                "focused": {
                    "borderColor": "Cyan Main",
                    "labelcolor": "Cyan Dark",
                    "borderWidth": {
                        "value": 2,
                        "unit": "px"
                    },
                    "boxShadowEnabled": false,
                    "boxShadowColor": "Primary",
                    "borderStyle": "solid"
                },
                "disabled": {
                    "labelcolor": "Light Gray",
                    "backgroundColor": "Light Gray",
                    "borderWidth": {
                        "value": 1,
                        "unit": "px"
                    },
                    "borderColor": "Light Gray"
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "focused": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "name": "UI Checkbox",
            "typename": "net.noodl.controls.checkbox",
            "parameters": {
                "width": {
                    "value": 24,
                    "unit": "px"
                },
                "height": {
                    "value": 24,
                    "unit": "px"
                },
                "useIcon": false,
                "borderWidth": {
                    "value": 2,
                    "unit": "px"
                },
                "useLabel": true,
                "labeltextStyle": "Label Text",
                "borderRadius": {
                    "value": 8,
                    "unit": "px"
                },
                "borderColor": "Medium Gray",
                "labelfontSize": {
                    "value": 12,
                    "unit": "px"
                },
                "labelcolor": "Dark",
                "labelfontFamily": "Inter-Medium.ttf",
                "marginBottom": {
                    "value": 16,
                    "unit": "px"
                },
                "backgroundColor": "Super Light Gray"
            },
            "stateParamaters": {
                "checked": {
                    "useIcon": true,
                    "iconIconSource": {
                        "class": "material-icons",
                        "code": "check"
                    },
                    "backgroundColor": "Cyan Dark",
                    "borderColor": "Cyan Dark",
                    "iconSize": {
                        "value": 16,
                        "unit": "px"
                    }
                },
                "disabled": {
                    "opacity": 0.5
                },
                "hover": {},
                "pressed": {}
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "checked": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "name": "Large Cyan Text",
            "typename": "Text",
            "parameters": {
                "textStyle": "Body Text",
                "text": "Text",
                "color": "Cyan Dark",
                "fontSize": {
                    "value": 24,
                    "unit": "px"
                },
                "fontFamily": "Inter-Medium.ttf"
            },
            "stateParamaters": {},
            "stateTransitions": {}
        },
        {
            "name": "Body Text Black",
            "typename": "Text",
            "parameters": {
                "textStyle": "Body Text",
                "sizeMode": "contentHeight",
                "text": "",
                "maxWidth": {
                    "value": 375,
                    "unit": "px"
                },
                "textAlignX": "center",
                "fontSize": {
                    "value": 16,
                    "unit": "px"
                },
                "fontFamily": "Inter-Regular.ttf",
                "marginBottom": {
                    "value": 16,
                    "unit": "px"
                },
                "marginTop": {
                    "value": 16,
                    "unit": "px"
                }
            },
            "stateParamaters": {},
            "stateTransitions": {}
        },
        {
            "name": "Button Secondary (No Border)",
            "typename": "net.noodl.controls.button",
            "parameters": {
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "iconIconSource": {
                    "class": "material-icons",
                    "code": "home"
                },
                "iconSize": {
                    "value": 22,
                    "unit": "px"
                },
                "iconSpacing": {
                    "value": 6,
                    "unit": "px"
                },
                "borderRadius": {
                    "value": 120,
                    "unit": "px"
                },
                "textStyle": "Button Label",
                "paddingTop": {
                    "value": 8,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 40,
                    "unit": "px"
                },
                "paddingBottom": {
                    "value": 8,
                    "unit": "px"
                },
                "color": "Cyan Dark",
                "fontFamily": "Inter-Bold.ttf",
                "label": "Button Sec",
                "backgroundColor": "#FFFFFF",
                "sizeMode": "explicit",
                "fontSize": {
                    "value": 16,
                    "unit": "px"
                },
                "paddingLeft": {
                    "value": 40,
                    "unit": "px"
                },
                "borderStyle": "solid",
                "borderColor": "#FFFFFF"
            },
            "stateParamaters": {
                "hover": {
                    "color": "#FFFFFF",
                    "backgroundColor": "Cyan Dark"
                },
                "pressed": {
                    "color": "#FFFFFF",
                    "backgroundColor": "Cyan Darkest"
                },
                "disabled": {
                    "backgroundColor": "Light Gray"
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "pressed": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        },
        {
            "name": "Shine Logo",
            "typename": "Text",
            "parameters": {
                "textStyle": "Body Text",
                "fontFamily": "Rakkas-Regular.ttf",
                "fontSize": {
                    "value": 64,
                    "unit": "px"
                },
                "color": "#FFFFFF",
                "text": "Shine",
                "lineHeight": {
                    "value": 1,
                    "unit": ""
                },
                "sizeMode": "contentSize"
            },
            "stateParamaters": {},
            "stateTransitions": {}
        },
        {
            "name": "Clickable Text",
            "typename": "net.noodl.controls.button",
            "parameters": {
                "height": {
                    "value": 40,
                    "unit": "px"
                },
                "iconIconSource": {
                    "class": "material-icons",
                    "code": "home"
                },
                "iconSize": {
                    "value": 22,
                    "unit": "px"
                },
                "iconSpacing": {
                    "value": 6,
                    "unit": "px"
                },
                "borderRadius": {
                    "value": 120,
                    "unit": "px"
                },
                "textStyle": "Button Label",
                "paddingTop": {
                    "value": 8,
                    "unit": "px"
                },
                "paddingRight": {
                    "value": 40,
                    "unit": "px"
                },
                "paddingBottom": {
                    "value": 8,
                    "unit": "px"
                },
                "color": "Cyan Dark",
                "fontFamily": "Inter-Bold.ttf",
                "label": "Sign in with existing profile",
                "sizeMode": "explicit",
                "fontSize": {
                    "value": 16,
                    "unit": "px"
                },
                "paddingLeft": {
                    "value": 40,
                    "unit": "px"
                },
                "borderStyle": "solid",
                "borderColor": "#FFFFFF",
                "marginBottom": {
                    "value": 0,
                    "unit": "px"
                },
                "backgroundColor": "transparent"
            },
            "stateParamaters": {
                "hover": {
                    "color": "Cyan Darkest"
                },
                "pressed": {
                    "color": "Midnight Purple"
                },
                "disabled": {
                    "backgroundColor": "Light Gray"
                }
            },
            "stateTransitions": {},
            "defaultStateTransitions": {
                "neutral": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "hover": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                },
                "pressed": {
                    "curve": [
                        0,
                        0,
                        0.58,
                        1
                    ],
                    "dur": 300,
                    "delay": 0
                }
            }
        }
    ]
}