{
    "name": "Ferell-main",
    "components": [
        {
            "name": "/Main",
            "graph": {
                "connections": [
                    {
                        "fromId": "6b19fd5b-f81a-3854-f7b7-bcf0839aba4f",
                        "fromProperty": "onClick",
                        "toId": "fbaeabc2-e555-8320-0bb4-2be309f3800f",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "fbaeabc2-e555-8320-0bb4-2be309f3800f",
                        "fromProperty": "opacity",
                        "toId": "d726abfb-87a7-54b0-f6b2-7bfc999b37be",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "bb2f5ae2-99ee-b6d4-da20-7cf05cb6d757",
                        "fromProperty": "timerFinished",
                        "toId": "fbaeabc2-e555-8320-0bb4-2be309f3800f",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "d726abfb-87a7-54b0-f6b2-7bfc999b37be",
                        "fromProperty": "hoverStart",
                        "toId": "fbaeabc2-e555-8320-0bb4-2be309f3800f",
                        "toProperty": "to-show"
                    },
                    {
                        "fromId": "d726abfb-87a7-54b0-f6b2-7bfc999b37be",
                        "fromProperty": "hoverEnd",
                        "toId": "fbaeabc2-e555-8320-0bb4-2be309f3800f",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "d726abfb-87a7-54b0-f6b2-7bfc999b37be",
                        "fromProperty": "hoverStart",
                        "toId": "bb2f5ae2-99ee-b6d4-da20-7cf05cb6d757",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "da11cead-7203-bac5-2209-237fe7d4b301",
                        "fromProperty": "Open Cart",
                        "toId": "ade91101-c019-c7c1-f202-9e964db85d61",
                        "toProperty": "To Cart"
                    },
                    {
                        "fromId": "6b19fd5b-f81a-3854-f7b7-bcf0839aba4f",
                        "fromProperty": "onClick",
                        "toId": "ade91101-c019-c7c1-f202-9e964db85d61",
                        "toProperty": "To Cart"
                    },
                    {
                        "fromId": "6b19fd5b-f81a-3854-f7b7-bcf0839aba4f",
                        "fromProperty": "onClick",
                        "toId": "b8495182-98f2-a2f8-66af-392ca47acaea",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "da2e4126-547e-ebf8-400b-e6a91299bb75",
                        "fromProperty": "eventReceived",
                        "toId": "e8f24119-b0d5-51be-830d-d287691be167",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "e8f24119-b0d5-51be-830d-d287691be167",
                        "fromProperty": "result",
                        "toId": "bb2f5ae2-99ee-b6d4-da20-7cf05cb6d757",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "ade91101-c019-c7c1-f202-9e964db85d61",
                        "fromProperty": "Cart Showing",
                        "toId": "f23a6004-9d83-6b4f-3862-8d6d157a113f",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f23a6004-9d83-6b4f-3862-8d6d157a113f",
                        "fromProperty": "result",
                        "toId": "e8f24119-b0d5-51be-830d-d287691be167",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "564fd16b-ed53-4a1b-0efe-c9cb6ef1b3c0",
                        "fromProperty": "result",
                        "toId": "da11cead-7203-bac5-2209-237fe7d4b301",
                        "toProperty": "Show Search Header"
                    },
                    {
                        "fromId": "a74b282d-4c13-4e89-f647-9e6b540380fb",
                        "fromProperty": "savedValue",
                        "toId": "589885f3-0b9b-31ca-711c-8070af81c30a",
                        "toProperty": "UserFullname"
                    },
                    {
                        "fromId": "580b3878-43c7-ed9b-4941-c65bcd412ca3",
                        "fromProperty": "savedValue",
                        "toId": "589885f3-0b9b-31ca-711c-8070af81c30a",
                        "toProperty": "DeliveryAddress"
                    },
                    {
                        "fromId": "fa6d8bf3-4e91-1025-4fcb-6d98d8bfd533",
                        "fromProperty": "savedValue",
                        "toId": "589885f3-0b9b-31ca-711c-8070af81c30a",
                        "toProperty": "User Short Name"
                    },
                    {
                        "fromId": "fdb8dedc-2e1f-6d86-6998-5b9f31f8f1c0",
                        "fromProperty": "savedValue",
                        "toId": "589885f3-0b9b-31ca-711c-8070af81c30a",
                        "toProperty": "DeliveryShortAddress"
                    },
                    {
                        "fromId": "c38299b3-cb0b-bee2-d93c-516bece49b6c",
                        "fromProperty": "applicationLoaded",
                        "toId": "aab13eef-82a8-fac3-4b82-8c4875184cc4",
                        "toProperty": "Refresh"
                    },
                    {
                        "fromId": "13e998da-2f4f-3ab1-9182-071a1a0ea00c",
                        "fromProperty": "switchedToOn",
                        "toId": "aab13eef-82a8-fac3-4b82-8c4875184cc4",
                        "toProperty": "Refresh"
                    },
                    {
                        "fromId": "9c1d3ac6-f8f8-2156-9df9-9820a2e901c8",
                        "fromProperty": "result",
                        "toId": "7e3d67a1-e750-b9db-1e0f-5ac331a17c40",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "1647d422-9916-3403-1aed-8b78d6f0f4ec",
                        "fromProperty": "Modal Background Amount",
                        "toId": "9c1d3ac6-f8f8-2156-9df9-9820a2e901c8",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "7ee713ae-1673-82fa-0091-d89710e44a54",
                        "fromProperty": "savedValue",
                        "toId": "589885f3-0b9b-31ca-711c-8070af81c30a",
                        "toProperty": "Store Name"
                    },
                    {
                        "fromId": "adbaa56d-f6af-7f7d-2629-b4d4e3c09ef9",
                        "fromProperty": "savedValue",
                        "toId": "589885f3-0b9b-31ca-711c-8070af81c30a",
                        "toProperty": "Store Address"
                    },
                    {
                        "fromId": "e8f24119-b0d5-51be-830d-d287691be167",
                        "fromProperty": "result",
                        "toId": "2c60aff0-7b2d-3243-abc1-c3014f1db0a6",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "2c60aff0-7b2d-3243-abc1-c3014f1db0a6",
                        "fromProperty": "timerFinished",
                        "toId": "fbaeabc2-e555-8320-0bb4-2be309f3800f",
                        "toProperty": "to-show"
                    },
                    {
                        "fromId": "ade91101-c019-c7c1-f202-9e964db85d61",
                        "fromProperty": "Showing",
                        "toId": "564fd16b-ed53-4a1b-0efe-c9cb6ef1b3c0",
                        "toProperty": "value"
                    }
                ],
                "roots": [
                    {
                        "id": "533321c7-2c05-af34-cd3e-20cbce132ec6",
                        "type": "/Data/Load All Products",
                        "x": 276.3389646872383,
                        "y": -60.941488541321576,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fbaeabc2-e555-8320-0bb4-2be309f3800f",
                        "type": "States",
                        "x": -99.04853341714556,
                        "y": 335.6848995896587,
                        "parameters": {
                            "states": "hide,show",
                            "values": "opacity",
                            "value-hide-opacity": 0,
                            "value-show-opacity": 1,
                            "startState": "hide"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-opacity",
                                "displayName": "opacity",
                                "editorName": "hide|opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-opacity",
                                "displayName": "opacity",
                                "editorName": "show|opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "hide",
                                        "show"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "hide",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bb2f5ae2-99ee-b6d4-da20-7cf05cb6d757",
                        "type": "Timer",
                        "x": -101.78672599311477,
                        "y": 518.9062500697455,
                        "parameters": {
                            "duration": 3000
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "da2e4126-547e-ebf8-400b-e6a91299bb75",
                        "type": "Event Receiver",
                        "x": -101.29145221084445,
                        "y": 723.2692870229365,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8495182-98f2-a2f8-66af-392ca47acaea",
                        "type": "Event Sender",
                        "x": 538.2690045283382,
                        "y": 780.5804709062074,
                        "parameters": {
                            "channelName": "Added to Cart Popup - Show Cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e8f24119-b0d5-51be-830d-d287691be167",
                        "type": "And",
                        "x": -421.9210863964717,
                        "y": 576.8124777528953,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f23a6004-9d83-6b4f-3862-8d6d157a113f",
                        "type": "Inverter",
                        "x": -102.83654180925288,
                        "y": 635.6696184427549,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "564fd16b-ed53-4a1b-0efe-c9cb6ef1b3c0",
                        "type": "Inverter",
                        "x": 756.715347514977,
                        "y": 352.2697424648464,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c7e19464-3a13-1a36-b32c-7ff4d344cba1",
                        "type": "/Components/Manage Cart",
                        "x": 24.639137453541707,
                        "y": 861.8766267717476,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "589885f3-0b9b-31ca-711c-8070af81c30a",
                        "type": "Globals",
                        "x": -123.58280745105895,
                        "y": 1196.1738830281051,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryShortAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Address",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "580b3878-43c7-ed9b-4941-c65bcd412ca3",
                        "type": "String",
                        "x": -368.54259920717595,
                        "y": 1093.96096147658,
                        "parameters": {
                            "value": "3743 Park Ln, Dallas, TX 75220"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a74b282d-4c13-4e89-f647-9e6b540380fb",
                        "type": "String",
                        "x": -361.5934369652738,
                        "y": 1311.8318750368455,
                        "parameters": {
                            "value": "Emilia Garcia"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fa6d8bf3-4e91-1025-4fcb-6d98d8bfd533",
                        "type": "String",
                        "x": -362.2805953405185,
                        "y": 1415.227127742847,
                        "parameters": {
                            "value": "Emilia"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "83cba4be-772c-4508-540d-29f0692e2c20",
                        "type": "/Components/Manage Favorites",
                        "x": 24.41045411126629,
                        "y": 917.8869861261255,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "645e4b0c-22fe-888f-9309-d988b315290c",
                        "type": "Event Receiver",
                        "x": 464.16014460541646,
                        "y": 1361.150377459319,
                        "parameters": {
                            "channelName": "Delivery Options Updated"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "76cdd256-6361-19f8-fae4-849c3ff6769f",
                        "type": "Globals",
                        "x": 464.50569220650436,
                        "y": 1320.2203194594586,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "deliveryDate",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "deliverySlot",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "deliveryType",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fdb8dedc-2e1f-6d86-6998-5b9f31f8f1c0",
                        "type": "String",
                        "x": -361.6997326975113,
                        "y": 1194.9791312907353,
                        "parameters": {
                            "value": "3743 Park Ln, Dallas"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aab13eef-82a8-fac3-4b82-8c4875184cc4",
                        "type": "/Components/Manage Time Slots",
                        "x": -149.49430779349564,
                        "y": 858.7203194594584,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c38299b3-cb0b-bee2-d93c-516bece49b6c",
                        "type": "Application Events",
                        "x": -451.49430779349564,
                        "y": 848.2203194594586,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d0b56ffe-67b9-dfac-eebb-86251892c25d",
                        "type": "Boolean",
                        "x": 537.728128513632,
                        "y": 725.9331325344824,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "13e998da-2f4f-3ab1-9182-071a1a0ea00c",
                        "type": "Switch",
                        "x": -452.9764286232505,
                        "y": 738.7973060511795,
                        "parameters": {
                            "onFromStart": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7e3d67a1-e750-b9db-1e0f-5ac331a17c40",
                        "type": "Javascript2",
                        "label": "Set <body> color to get correct header color on iOS fullscreen",
                        "x": -205.67712295674426,
                        "y": 40.11429483192376,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    backgroundColor:'color',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tmySignal:function(inputs,outputs) {\n\t\t// ...\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\tdocument.body.style.backgroundColor = inputs.backgroundColor;\n\t}\n})\n",
                            "backgroundColor": "#ff0000"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "backgroundColor",
                                "plug": "input",
                                "type": {
                                    "name": "color"
                                },
                                "group": "Inputs",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9c1d3ac6-f8f8-2156-9df9-9820a2e901c8",
                        "type": "Color Blend",
                        "x": -12.965779880758987,
                        "y": 34.548840625376386,
                        "parameters": {
                            "color 0": "#0071CE",
                            "color 1": "#05437C"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "15f62a21-b59f-ee72-f37a-bb45d0cbf536",
                        "type": "String",
                        "x": -365.5828074510591,
                        "y": 1524.6738830281051,
                        "parameters": {
                            "value": "Ocean"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7ee713ae-1673-82fa-0091-d89710e44a54",
                        "type": "String",
                        "label": "Name Of Closest Store",
                        "x": -364.5828074510591,
                        "y": 1588.6738830281051,
                        "parameters": {
                            "value": "SuperCenter Dallas"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "adbaa56d-f6af-7f7d-2629-b4d4e3c09ef9",
                        "type": "String",
                        "label": "Address Of Closest Store",
                        "x": -355.86563464854885,
                        "y": 1690.6047298934272,
                        "parameters": {
                            "value": "Carrollton, 1735 S Highway 27"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "28ce05b0-9382-29ad-03b8-7a0d8c901505",
                        "type": "Group",
                        "x": 340.1497342901554,
                        "y": 908.3701148870028,
                        "parameters": {
                            "backgroundColor": "#FFFFFF",
                            "height": {
                                "value": 1,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 20,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9107bcab-102b-7687-9322-c176c63e67ba",
                        "type": "/Components/Place Order",
                        "x": 25.178342642566122,
                        "y": 977.1702623381823,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "16e078e1-d4d4-b1e8-7f7c-8d0b1794fc87",
                        "type": "/SessionData/Setup session",
                        "x": -663.4736560764914,
                        "y": 455.03627789732985,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "28f73169-17be-140e-58cc-e1b882f4fe13",
                        "type": "Group",
                        "label": "App",
                        "x": 284.1497342901554,
                        "y": 163.3701148870028,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "da11cead-7203-bac5-2209-237fe7d4b301",
                                "type": "/UI Components/Base Layer",
                                "x": 20,
                                "y": 61,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "ade91101-c019-c7c1-f202-9e964db85d61",
                                "type": "/UI Layers/Cart Layer",
                                "x": 20,
                                "y": 163,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "1647d422-9916-3403-1aed-8b78d6f0f4ec",
                                "type": "/UI Layers/Modal Layer",
                                "x": 20,
                                "y": 367,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "d726abfb-87a7-54b0-f6b2-7bfc999b37be",
                                "type": "Group",
                                "label": "Added to cart popup",
                                "x": 20,
                                "y": 449,
                                "parameters": {
                                    "width": {
                                        "value": 288,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 48,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#54544F",
                                    "alignX": "center",
                                    "position": "absolute",
                                    "alignY": "bottom",
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 70,
                                        "unit": "px"
                                    },
                                    "borderRadius": 8,
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetX": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 3,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5bd9a623-cf6f-97d3-6d7b-83eccd7db826",
                                        "type": "Text",
                                        "x": 1170.828312518901,
                                        "y": 2720.1670256084553,
                                        "parameters": {
                                            "alignY": "center",
                                            "position": "absolute",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "color": "#FFFFFF",
                                            "marginLeft": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "text": "Item added to cart",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6b19fd5b-f81a-3854-f7b7-bcf0839aba4f",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 183,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "position": "absolute",
                                            "alignX": "right",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "9b5c1e9b-47e0-f6f3-3337-669b6a9b6f14",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "color": "#FFFFFF",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "text": "View cart",
                                                    "alignX": "right",
                                                    "sizeMode": "contentSize",
                                                    "marginRight": {
                                                        "value": 19,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "2c60aff0-7b2d-3243-abc1-c3014f1db0a6",
                        "type": "Timer",
                        "x": -308.9879175737483,
                        "y": 379.47862786103354,
                        "parameters": {
                            "duration": 850
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/refined search",
            "graph": {
                "connections": [
                    {
                        "fromId": "52867271-9c63-0ad9-c222-8d16072517ca",
                        "fromProperty": "show",
                        "toId": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "toProperty": "to-show"
                    },
                    {
                        "fromId": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "fromProperty": "opacity",
                        "toId": "1b0e4ffe-0181-33e2-f832-4e3e12c151f8",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f392123a-a489-fb0b-32c5-5060d11211a5",
                        "fromProperty": "items",
                        "toId": "4cb352d6-1450-a422-b7a6-332329943ca6",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "52867271-9c63-0ad9-c222-8d16072517ca",
                        "fromProperty": "hide",
                        "toId": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "toProperty": "to-hide"
                    }
                ],
                "roots": [
                    {
                        "id": "1b0e4ffe-0181-33e2-f832-4e3e12c151f8",
                        "type": "Group",
                        "x": 317,
                        "y": 308.4196310487042,
                        "parameters": {
                            "position": "absolute",
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 10,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3a166e01-b49a-18ae-83bf-a4bf8cf53f6d",
                                "type": "Image",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "src": "Global filter - 1 hour.png",
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "350d5550-8791-c1c6-d28b-cbf27a48e8c6",
                                "type": "Text",
                                "x": 20,
                                "y": 128,
                                "parameters": {
                                    "text": "Showing 5 results available in 1 hour",
                                    "fontFamily": "DINPro-Bold.otf",
                                    "fontSize": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentSize",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8e1c794d-8934-d450-c0cc-9a0e852f9d1d",
                                "type": "Group",
                                "x": 20,
                                "y": 174,
                                "parameters": {
                                    "flexWrap": "wrap",
                                    "flexDirection": "row",
                                    "scrollBehavior": "noodl",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "showScrollbar": false,
                                    "clip": true,
                                    "sizeMode": "explicit"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4cb352d6-1450-a422-b7a6-332329943ca6",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "template": "/listitem simple"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "52867271-9c63-0ad9-c222-8d16072517ca",
                        "type": "Component Inputs",
                        "x": -131.53871589900598,
                        "y": 398.4332397457025,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "type": "States",
                        "x": 111,
                        "y": 373,
                        "parameters": {
                            "states": "hide,show",
                            "values": "opacity",
                            "value-hide-opacity": 0,
                            "value-show-opacity": 1,
                            "startState": "hide"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-opacity",
                                "displayName": "opacity",
                                "editorName": "hide|opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-opacity",
                                "displayName": "opacity",
                                "editorName": "show|opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "hide",
                                        "show"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "hide",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f392123a-a489-fb0b-32c5-5060d11211a5",
                        "type": "Collection",
                        "x": 104,
                        "y": 529,
                        "parameters": {
                            "collectionId": "5items"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "10156e32-8004-59ff-3937-5573947b74fd",
                        "type": "Event Receiver",
                        "x": -143.2,
                        "y": 247.39999999999998,
                        "parameters": {
                            "channelName": "show refined results"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Divider",
            "graph": {
                "connections": [
                    {
                        "fromId": "70f971ac-cff7-239f-5dc6-99aea8087ec3",
                        "fromProperty": "savedValue",
                        "toId": "6c65e076-f173-bf2f-1d34-9c107a927667",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "6ae490f4-2559-45e1-977a-9f7cf0edf94f",
                        "fromProperty": "height",
                        "toId": "70f971ac-cff7-239f-5dc6-99aea8087ec3",
                        "toProperty": "value"
                    }
                ],
                "roots": [
                    {
                        "id": "6c65e076-f173-bf2f-1d34-9c107a927667",
                        "type": "Group",
                        "x": 451,
                        "y": 397,
                        "parameters": {
                            "width": {
                                "value": 100,
                                "unit": "%"
                            },
                            "height": {
                                "value": 1,
                                "unit": "px"
                            },
                            "backgroundColor": "#E6E6E6"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6ae490f4-2559-45e1-977a-9f7cf0edf94f",
                        "type": "Component Inputs",
                        "x": -16,
                        "y": 403,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "height",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "70f971ac-cff7-239f-5dc6-99aea8087ec3",
                        "type": "Number",
                        "x": 215,
                        "y": 399,
                        "parameters": {
                            "value": 1
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Old/Search/Dummy Tide Line",
            "graph": {
                "connections": [
                    {
                        "fromId": "978efd47-20b7-2a9e-781f-2c098369c77d",
                        "fromProperty": "subtitle",
                        "toId": "c35acc0f-a98f-8e21-7292-6f75bd711362",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "33c6eeca-1383-416e-13b0-7073940ac778",
                        "type": "Group",
                        "x": 390,
                        "y": 331,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "aff81084-2582-b317-68e8-0de72ae6d0ca",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "flexDirection": "row",
                                    "paddingTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "389e6a21-1258-03fa-7be2-db570bc0cd39",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "fontFamily": "DINPro-Bold.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "text": "Tide",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "c35acc0f-a98f-8e21-7292-6f75bd711362",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 92,
                                        "parameters": {
                                            "fontFamily": "DINPro-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "text": "pods detergent",
                                            "sizeMode": "contentSize",
                                            "marginLeft": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "232f0451-6d72-fde1-c686-b313b0df278e",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 138,
                                        "parameters": {
                                            "marginRight": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "alignY": "center",
                                            "sizeMode": "contentSize",
                                            "alignX": "right",
                                            "position": "absolute",
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3ed6e8e5-4403-254b-e1bb-016c5f672c1a",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "src": "icon_arrow.svg",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "16c850c2-d111-4e3d-7986-201688bd77de",
                                "type": "Group",
                                "x": 20,
                                "y": 276,
                                "parameters": {
                                    "height": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#C6C6C6"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "978efd47-20b7-2a9e-781f-2c098369c77d",
                        "type": "Component Inputs",
                        "x": 162.5491498820056,
                        "y": 349.22618993998645,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "subtitle",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Old/Search/refined search",
            "graph": {
                "connections": [
                    {
                        "fromId": "52867271-9c63-0ad9-c222-8d16072517ca",
                        "fromProperty": "show",
                        "toId": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "toProperty": "to-show"
                    },
                    {
                        "fromId": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "fromProperty": "opacity",
                        "toId": "1b0e4ffe-0181-33e2-f832-4e3e12c151f8",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f392123a-a489-fb0b-32c5-5060d11211a5",
                        "fromProperty": "items",
                        "toId": "4cb352d6-1450-a422-b7a6-332329943ca6",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "52867271-9c63-0ad9-c222-8d16072517ca",
                        "fromProperty": "hide",
                        "toId": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "toProperty": "to-hide"
                    }
                ],
                "roots": [
                    {
                        "id": "1b0e4ffe-0181-33e2-f832-4e3e12c151f8",
                        "type": "Group",
                        "x": 317,
                        "y": 308.4196310487042,
                        "parameters": {
                            "position": "absolute",
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 10,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3a166e01-b49a-18ae-83bf-a4bf8cf53f6d",
                                "type": "Image",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "src": "images/Global filter - 1 hour.png",
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "350d5550-8791-c1c6-d28b-cbf27a48e8c6",
                                "type": "Text",
                                "x": 20,
                                "y": 128,
                                "parameters": {
                                    "text": "Showing 5 results available in 1 hour",
                                    "fontFamily": "DINPro-Bold.otf",
                                    "fontSize": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentSize",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8e1c794d-8934-d450-c0cc-9a0e852f9d1d",
                                "type": "Group",
                                "x": 20,
                                "y": 174,
                                "parameters": {
                                    "flexWrap": "wrap",
                                    "flexDirection": "row",
                                    "scrollBehavior": "noodl",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "showScrollbar": false,
                                    "clip": true,
                                    "sizeMode": "explicit"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4cb352d6-1450-a422-b7a6-332329943ca6",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "template": "/Old/listitem simple"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "52867271-9c63-0ad9-c222-8d16072517ca",
                        "type": "Component Inputs",
                        "x": -112.79719556447083,
                        "y": 417.17476008023755,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "50c7a5cb-094f-d86f-80c0-e63f1c979cc3",
                        "type": "States",
                        "x": 111,
                        "y": 373,
                        "parameters": {
                            "states": "hide,show",
                            "values": "opacity",
                            "value-hide-opacity": 0,
                            "value-show-opacity": 1,
                            "startState": "hide"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-opacity",
                                "displayName": "opacity",
                                "editorName": "hide|opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-opacity",
                                "displayName": "opacity",
                                "editorName": "show|opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "hide",
                                        "show"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "hide",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f392123a-a489-fb0b-32c5-5060d11211a5",
                        "type": "Collection",
                        "x": 104,
                        "y": 529,
                        "parameters": {
                            "collectionId": "5items"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Old/Search/view refined search results popup",
            "graph": {
                "connections": [
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "show",
                        "toId": "5f913289-019c-6359-75d8-4e1a3734f4a0",
                        "toProperty": "to-show"
                    },
                    {
                        "fromId": "0da5b3a7-54a6-4c26-2def-4ed4b7dfaf1c",
                        "fromProperty": "onClick",
                        "toId": "5f913289-019c-6359-75d8-4e1a3734f4a0",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "5f913289-019c-6359-75d8-4e1a3734f4a0",
                        "fromProperty": "opacity",
                        "toId": "8686ed92-4319-2c56-e178-3c2af5fb092d",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "imagepath",
                        "toId": "fb4f6717-682d-1f31-8f44-5992c5afe23b",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "Title",
                        "toId": "20a221ba-cecf-98be-f78e-31bd9ceb2586",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "price",
                        "toId": "ea7bc861-8ccd-4020-d968-0b23c8ef6563",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "ea7bc861-8ccd-4020-d968-0b23c8ef6563",
                        "fromProperty": "formatted",
                        "toId": "65160c16-c1b8-2faa-090c-6067a28a70e9",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "fromProperty": "opacity default",
                        "toId": "74dfa59e-261c-15f5-6c04-1df2b24271ad",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "fromProperty": "opacity adding",
                        "toId": "93ce31ad-4d86-d34b-52c9-58d817f5f225",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "e0cc4257-3d53-648c-1bb1-8bc5cd2d2689",
                        "fromProperty": "currentCount",
                        "toId": "7dd744f4-c210-dfe7-d4f1-2ae069ceec20",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "f97c9b8c-4cfc-6964-ec8c-d29f032c06f3",
                        "fromProperty": "onClick",
                        "toId": "e0cc4257-3d53-648c-1bb1-8bc5cd2d2689",
                        "toProperty": "decrease"
                    },
                    {
                        "fromId": "c5cdcf19-9fd1-addb-fe1e-02a92766d342",
                        "fromProperty": "onClick",
                        "toId": "e0cc4257-3d53-648c-1bb1-8bc5cd2d2689",
                        "toProperty": "increase"
                    },
                    {
                        "fromId": "e0cc4257-3d53-648c-1bb1-8bc5cd2d2689",
                        "fromProperty": "currentCount",
                        "toId": "104da025-93b3-2c6b-11fa-082ff25a2921",
                        "toProperty": "counter"
                    },
                    {
                        "fromId": "104da025-93b3-2c6b-11fa-082ff25a2921",
                        "fromProperty": "result",
                        "toId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "74dfa59e-261c-15f5-6c04-1df2b24271ad",
                        "fromProperty": "onClick",
                        "toId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "toProperty": "to-adding"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "hide",
                        "toId": "5f913289-019c-6359-75d8-4e1a3734f4a0",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "0da5b3a7-54a6-4c26-2def-4ed4b7dfaf1c",
                        "fromProperty": "onClick",
                        "toId": "e0cc4257-3d53-648c-1bb1-8bc5cd2d2689",
                        "toProperty": "reset"
                    },
                    {
                        "fromId": "5f913289-019c-6359-75d8-4e1a3734f4a0",
                        "fromProperty": "at-hide",
                        "toId": "358aaf55-7eb3-1e34-bb15-984f3a3fdcb0",
                        "toProperty": "Popup hidden"
                    },
                    {
                        "fromId": "049f7523-9394-785e-a0c9-2cdb63ee56a7",
                        "fromProperty": "onClick",
                        "toId": "8b47820d-e7e7-1faa-c34f-13613c407a35",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "d6cd0a65-8e03-a505-39c0-5f9c5923abac",
                        "fromProperty": "onClick",
                        "toId": "8ce0164e-dd15-c375-37b6-537ec3c47dbd",
                        "toProperty": "accept"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "itemId",
                        "toId": "8b47820d-e7e7-1faa-c34f-13613c407a35",
                        "toProperty": "itemId"
                    }
                ],
                "roots": [
                    {
                        "id": "8686ed92-4319-2c56-e178-3c2af5fb092d",
                        "type": "Group",
                        "label": "Popup",
                        "x": 1069.7726373160826,
                        "y": 486,
                        "parameters": {
                            "position": "absolute"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c43f6dd0-28d1-867f-4ec6-ae974ea9696b",
                                "type": "Group",
                                "label": "Blur",
                                "x": 1089.7726373160826,
                                "y": 583,
                                "parameters": {
                                    "style": "{\n    //blurRadius(\"4px\");\n}",
                                    "backgroundColor": "#04193D",
                                    "opacity": 0.5,
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "0c79c00b-deaa-78da-21b3-53c056dda144",
                                "type": "Group",
                                "x": 1089.7726373160826,
                                "y": 644,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "position": "absolute",
                                    "alignY": "bottom",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0da5b3a7-54a6-4c26-2def-4ed4b7dfaf1c",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "src": "icons/icon_close.svg",
                                            "alignX": "right",
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "cfc1e1c3-cb8a-ccbf-fda1-1280b4aa7418",
                                        "type": "Group",
                                        "x": 1109.7726373160826,
                                        "y": 772,
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "aa569ad1-5d83-743c-56c7-910debc3d102",
                                        "type": "Group",
                                        "x": 1109.7726373160826,
                                        "y": 818,
                                        "parameters": {
                                            "height": {
                                                "value": 400,
                                                "unit": "px"
                                            },
                                            "position": "relative",
                                            "alignY": "bottom",
                                            "backgroundColor": "#FFFFFF",
                                            "borderRadius": 10,
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "8f00bc08-9dba-d7d9-3918-a51ae3273cf7",
                                                "type": "Image",
                                                "x": 1129.7726373160826,
                                                "y": 864,
                                                "parameters": {
                                                    "src": "icons/Fav-Default-24.svg",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "fb4f6717-682d-1f31-8f44-5992c5afe23b",
                                                "type": "Image",
                                                "x": 1129.7726373160826,
                                                "y": 910,
                                                "parameters": {
                                                    "alignX": "center",
                                                    "marginTop": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "explicit",
                                                    "width": {
                                                        "value": 50,
                                                        "unit": "%"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "8a77f157-f1ee-0917-4da7-8bbe8c880d5b",
                                                "type": "Image",
                                                "x": 1129.7726373160826,
                                                "y": 992,
                                                "parameters": {
                                                    "src": "icons/1 HR icon.svg",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "83ecbbed-c52e-e781-50b8-81a45a393c9e",
                                                "type": "Group",
                                                "label": "Group w/CSS",
                                                "x": 1129.7726373160826,
                                                "y": 1038,
                                                "parameters": {
                                                    "style": "{\n    maxHeight:\"150px\"\n}",
                                                    "clip": true,
                                                    "scrollBehavior": "noodl"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "20a221ba-cecf-98be-f78e-31bd9ceb2586",
                                                        "type": "Text",
                                                        "x": 1149.7726373160826,
                                                        "y": 1099,
                                                        "parameters": {
                                                            "marginLeft": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "style": "{\n\n}"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "65160c16-c1b8-2faa-090c-6067a28a70e9",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 363,
                                                "parameters": {
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize",
                                                    "alignX": "center",
                                                    "textAlign": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "1abbb988-e3be-b844-c0b8-dfd9c1ae4a5c",
                                                "type": "Group",
                                                "x": 1129.7726373160826,
                                                "y": 1263,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "flexDirection": "row",
                                                    "alignX": "center",
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "0ff341b5-7b01-4356-c84a-80bdddb42cbc",
                                                        "type": "Group",
                                                        "x": 1149.7726373160826,
                                                        "y": 1309,
                                                        "parameters": {
                                                            "width": {
                                                                "value": 83,
                                                                "unit": "px"
                                                            },
                                                            "height": {
                                                                "value": 47,
                                                                "unit": "px"
                                                            },
                                                            "borderStyle": "solid",
                                                            "borderWidth": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "borderRadius": 8,
                                                            "borderColor": "#000000"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "2e49418a-1f14-4c62-c129-3ced878ba613",
                                                                "type": "Group",
                                                                "x": 1169.7726373160826,
                                                                "y": 1355,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "center",
                                                                    "alignY": "center",
                                                                    "position": "absolute"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "5e4fc8a1-4255-af43-4c6e-680885c09510",
                                                                        "type": "Text",
                                                                        "x": 1189.7726373160826,
                                                                        "y": 1401,
                                                                        "parameters": {
                                                                            "sizeMode": "contentSize",
                                                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                                                            "text": "21",
                                                                            "alignX": "center",
                                                                            "fontSize": {
                                                                                "value": 12,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "184ac7d7-1726-d3bb-d2b3-6bc451328571",
                                                                        "type": "Text",
                                                                        "x": 1189.7726373160826,
                                                                        "y": 1447,
                                                                        "parameters": {
                                                                            "sizeMode": "contentSize",
                                                                            "fontFamily": "fonts/Bogle-Light.otf",
                                                                            "text": "$0.57 each",
                                                                            "alignX": "center",
                                                                            "fontSize": {
                                                                                "value": 12,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "bbc4ec7f-d87b-d6d5-6031-9fd712a9d0a2",
                                                        "type": "Group",
                                                        "x": 1149.7726373160826,
                                                        "y": 1493,
                                                        "parameters": {
                                                            "width": {
                                                                "value": 83,
                                                                "unit": "px"
                                                            },
                                                            "height": {
                                                                "value": 47,
                                                                "unit": "px"
                                                            },
                                                            "marginLeft": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "borderRadius": 8,
                                                            "borderStyle": "solid",
                                                            "borderWidth": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "borderColor": "#C6C6C6"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "8658292b-807d-2993-5f81-dbce516ed03a",
                                                                "type": "Group",
                                                                "x": 1169.7726373160826,
                                                                "y": 1539,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "center",
                                                                    "alignY": "center",
                                                                    "position": "absolute"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "44776d15-ffca-d5fa-56c0-bddd7031b9d5",
                                                                        "type": "Text",
                                                                        "x": 1189.7726373160826,
                                                                        "y": 1585,
                                                                        "parameters": {
                                                                            "sizeMode": "contentSize",
                                                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                                                            "text": "48",
                                                                            "alignX": "center",
                                                                            "fontSize": {
                                                                                "value": 12,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "f58eed33-4e48-8590-fda8-fcdace93f1c8",
                                                                        "type": "Text",
                                                                        "x": 1189.7726373160826,
                                                                        "y": 1631,
                                                                        "parameters": {
                                                                            "sizeMode": "contentSize",
                                                                            "fontFamily": "fonts/Bogle-Light.otf",
                                                                            "text": "$0.45 each",
                                                                            "alignX": "center",
                                                                            "fontSize": {
                                                                                "value": 12,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "fc9a7342-58b7-65c2-789a-78939d59e52f",
                                                "type": "Group",
                                                "x": 1129.7726373160826,
                                                "y": 1677,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "marginTop": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "68d11082-b68f-c944-9c08-2e6e4cd0de1d",
                                                        "type": "Group",
                                                        "x": 1149.7726373160826,
                                                        "y": 1723,
                                                        "parameters": {
                                                            "sizeMode": "contentHeight",
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "049f7523-9394-785e-a0c9-2cdb63ee56a7",
                                                                "type": "Group",
                                                                "x": 1169.7726373160826,
                                                                "y": 1769,
                                                                "parameters": {
                                                                    "height": {
                                                                        "value": 40,
                                                                        "unit": "px"
                                                                    },
                                                                    "borderRadius": 20,
                                                                    "borderStyle": "solid",
                                                                    "borderWidth": {
                                                                        "value": 1,
                                                                        "unit": "px"
                                                                    },
                                                                    "borderColor": "#000000"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "f2f9ae8e-be2f-215a-a04c-621d7a43e1b1",
                                                                        "type": "Group",
                                                                        "x": 1189.7726373160826,
                                                                        "y": 1851,
                                                                        "parameters": {
                                                                            "sizeMode": "contentSize",
                                                                            "position": "absolute",
                                                                            "alignX": "center",
                                                                            "alignY": "center"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "74dfa59e-261c-15f5-6c04-1df2b24271ad",
                                                                                "type": "Text",
                                                                                "x": 1209.7726373160826,
                                                                                "y": 1897,
                                                                                "parameters": {
                                                                                    "sizeMode": "contentSize",
                                                                                    "textAlign": "center",
                                                                                    "text": "Add to cart",
                                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                    "color": "#000000"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    },
                                                                    {
                                                                        "id": "93ce31ad-4d86-d34b-52c9-58d817f5f225",
                                                                        "type": "Group",
                                                                        "x": 1189.7726373160826,
                                                                        "y": 1999,
                                                                        "parameters": {
                                                                            "sizeMode": "explicit",
                                                                            "flexDirection": "row",
                                                                            "position": "relative",
                                                                            "alignX": "center",
                                                                            "alignY": "center"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "f97c9b8c-4cfc-6964-ec8c-d29f032c06f3",
                                                                                "type": "Text",
                                                                                "x": 1209.7726373160826,
                                                                                "y": 2081,
                                                                                "parameters": {
                                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                    "text": "-",
                                                                                    "position": "absolute",
                                                                                    "alignY": "center",
                                                                                    "sizeMode": "contentSize",
                                                                                    "marginLeft": {
                                                                                        "value": 10,
                                                                                        "unit": "px"
                                                                                    }
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            },
                                                                            {
                                                                                "id": "7dd744f4-c210-dfe7-d4f1-2ae069ceec20",
                                                                                "type": "Text",
                                                                                "x": 1209.7726373160826,
                                                                                "y": 2163,
                                                                                "parameters": {
                                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                    "alignX": "center",
                                                                                    "alignY": "center",
                                                                                    "position": "absolute",
                                                                                    "sizeMode": "contentSize"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            },
                                                                            {
                                                                                "id": "c5cdcf19-9fd1-addb-fe1e-02a92766d342",
                                                                                "type": "Text",
                                                                                "x": 1209.7726373160826,
                                                                                "y": 2245,
                                                                                "parameters": {
                                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                    "text": "+",
                                                                                    "position": "absolute",
                                                                                    "alignX": "right",
                                                                                    "alignY": "center",
                                                                                    "sizeMode": "contentSize",
                                                                                    "marginRight": {
                                                                                        "value": 10,
                                                                                        "unit": "px"
                                                                                    }
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "d6cd0a65-8e03-a505-39c0-5f9c5923abac",
                                                                "type": "Group",
                                                                "x": 1169.7726373160826,
                                                                "y": 2327,
                                                                "parameters": {
                                                                    "height": {
                                                                        "value": 40,
                                                                        "unit": "px"
                                                                    },
                                                                    "backgroundColor": "#0071CE",
                                                                    "borderRadius": 20,
                                                                    "marginLeft": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "7e0d4204-90b8-84e8-58fa-5ed96c5b9b9b",
                                                                        "type": "Text",
                                                                        "x": 1189.7726373160826,
                                                                        "y": 2373,
                                                                        "parameters": {
                                                                            "alignX": "center",
                                                                            "alignY": "center",
                                                                            "sizeMode": "contentSize",
                                                                            "textAlign": "center",
                                                                            "position": "absolute",
                                                                            "text": "Buy now",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "color": "#FFFFFF"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "type": "Component Inputs",
                        "x": 699.6314473738585,
                        "y": 783.8370177469686,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "imagepath",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "price",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "itemId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5f913289-019c-6359-75d8-4e1a3734f4a0",
                        "type": "States",
                        "x": 822.6970980738969,
                        "y": 579.740177214544,
                        "parameters": {
                            "states": "hide,show",
                            "values": "opacity",
                            "value-hide-opacity": 0,
                            "value-show-opacity": 1,
                            "startState": "hide"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-opacity",
                                "displayName": "opacity",
                                "editorName": "hide|opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-opacity",
                                "displayName": "opacity",
                                "editorName": "show|opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "hide",
                                        "show"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "hide",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ea7bc861-8ccd-4020-d968-0b23c8ef6563",
                        "type": "String Format",
                        "x": 871.3295496321684,
                        "y": 982.2843796215493,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "type": "States",
                        "x": 1551.706650549838,
                        "y": 1674.4449027359494,
                        "parameters": {
                            "states": "default,adding",
                            "values": "opacity default,opacity adding",
                            "value-default-opacity default": 1,
                            "value-default-opacity adding": 0,
                            "value-adding-opacity default": 0,
                            "value-adding-opacity adding": 1,
                            "startState": "default"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity default",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity adding",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-opacity default",
                                "displayName": "opacity default",
                                "editorName": "default|opacity default",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-opacity adding",
                                "displayName": "opacity adding",
                                "editorName": "default|opacity adding",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "adding Values",
                                "name": "value-adding-opacity default",
                                "displayName": "opacity default",
                                "editorName": "adding|opacity default",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "adding Values",
                                "name": "value-adding-opacity adding",
                                "displayName": "opacity adding",
                                "editorName": "adding|opacity adding",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "adding Transition",
                                "name": "transition-adding",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "adding Transition",
                                "name": "duration-adding",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To adding",
                                "name": "to-adding",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At adding",
                                "name": "at-adding",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached adding",
                                "name": "reached-adding",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "adding"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e0cc4257-3d53-648c-1bb1-8bc5cd2d2689",
                        "type": "Counter",
                        "x": 1600.0379262977606,
                        "y": 1985.3852023148838,
                        "parameters": {
                            "limitsMax": 99,
                            "limitsEnabled": true,
                            "limitsMin": 1,
                            "startValue": 1
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "104da025-93b3-2c6b-11fa-082ff25a2921",
                        "type": "Expression",
                        "x": 1806.6872826363976,
                        "y": 1875.3566893612474,
                        "parameters": {
                            "expression": "counter == 1"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "counter",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8ce0164e-dd15-c375-37b6-537ec3c47dbd",
                        "type": "Component Outputs",
                        "x": 1626.7607426530926,
                        "y": 2262.0912276504755,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "accept",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "358aaf55-7eb3-1e34-bb15-984f3a3fdcb0",
                        "type": "Component Outputs",
                        "x": 700.6340956011313,
                        "y": 485.12054348396214,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Popup hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8b47820d-e7e7-1faa-c34f-13613c407a35",
                        "type": "Event Sender",
                        "x": 588.0503121555176,
                        "y": 1569.632347183716,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Navigate To Page Stack",
            "graph": {
                "connections": [
                    {
                        "fromId": "27ca90d1-c3cd-eb92-56ac-cb0e5479b21b",
                        "fromProperty": "savedValue",
                        "toId": "20957053-b936-2f56-b313-a8fefbe2ade8",
                        "toProperty": "pageStackName"
                    },
                    {
                        "fromId": "7e4373e3-d842-f973-03ff-feaae62fbb7b",
                        "fromProperty": "Stack Name",
                        "toId": "27ca90d1-c3cd-eb92-56ac-cb0e5479b21b",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "7e4373e3-d842-f973-03ff-feaae62fbb7b",
                        "fromProperty": "Navigate",
                        "toId": "20957053-b936-2f56-b313-a8fefbe2ade8",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "20957053-b936-2f56-b313-a8fefbe2ade8",
                        "type": "Event Sender",
                        "x": 320,
                        "y": 398,
                        "parameters": {
                            "channelName": "Navigate To Page Stack"
                        },
                        "ports": [
                            {
                                "name": "pageStackName",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "27ca90d1-c3cd-eb92-56ac-cb0e5479b21b",
                        "type": "String",
                        "x": 327,
                        "y": 265,
                        "parameters": {
                            "value": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7e4373e3-d842-f973-03ff-feaae62fbb7b",
                        "type": "Component Inputs",
                        "x": -32,
                        "y": 336,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Stack Name",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Navigate",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "fromProperty": "Pos X",
                        "toId": "82d21679-0abf-bd40-6a35-16b226dddf49",
                        "toProperty": "transformX"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "To Left",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "to-To Left"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "Show",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "to-Show"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "To Right",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "to-To Right"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "Show Instant",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "to-Show Instant"
                    },
                    {
                        "fromId": "e9843c7c-7abf-eadd-1d31-85fbf7e8f979",
                        "fromProperty": "duration",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "duration-Show"
                    },
                    {
                        "fromId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "fromProperty": "Pos X",
                        "toId": "01e5239f-e8a7-17d1-52e3-54085a5dd11d",
                        "toProperty": "x"
                    },
                    {
                        "fromId": "e700fcb9-6e04-8802-da56-7c2a6617bf56",
                        "fromProperty": "switchedToOn",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "to-Show"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "Start Visible",
                        "toId": "e700fcb9-6e04-8802-da56-7c2a6617bf56",
                        "toProperty": "onFromStart"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "To Right Instant",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "to-To Right Instant"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "Clip",
                        "toId": "5549e68c-eab1-9208-1376-b94e11996977",
                        "toProperty": "clip"
                    },
                    {
                        "fromId": "44056fdb-73b3-a8f4-8eb9-08912fef0555",
                        "fromProperty": "onClick",
                        "toId": "37616969-07bd-dc00-9f4b-f40bc3694973",
                        "toProperty": "Back"
                    },
                    {
                        "fromId": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "fromProperty": "Back Button",
                        "toId": "58f69c9b-1a18-dc2a-7f5a-94c11882153a",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "44056fdb-73b3-a8f4-8eb9-08912fef0555",
                        "fromProperty": "onClick",
                        "toId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "toProperty": "to-To Right"
                    },
                    {
                        "fromId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "fromProperty": "reached-To Right",
                        "toId": "37616969-07bd-dc00-9f4b-f40bc3694973",
                        "toProperty": "Hidden"
                    },
                    {
                        "fromId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "fromProperty": "reached-To Right Instant",
                        "toId": "37616969-07bd-dc00-9f4b-f40bc3694973",
                        "toProperty": "Hidden"
                    },
                    {
                        "fromId": "01e5239f-e8a7-17d1-52e3-54085a5dd11d",
                        "fromProperty": "result",
                        "toId": "c3141ebf-4297-7f84-ad40-bac94f6705ab",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "01e5239f-e8a7-17d1-52e3-54085a5dd11d",
                        "fromProperty": "result",
                        "toId": "5549e68c-eab1-9208-1376-b94e11996977",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "fromProperty": "reached-To Left",
                        "toId": "37616969-07bd-dc00-9f4b-f40bc3694973",
                        "toProperty": "Hidden"
                    },
                    {
                        "fromId": "58f69c9b-1a18-dc2a-7f5a-94c11882153a",
                        "fromProperty": "savedValue",
                        "toId": "65462f0f-00f1-1b7d-ecc4-2e04636a2df9",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "01e5239f-e8a7-17d1-52e3-54085a5dd11d",
                        "fromProperty": "result",
                        "toId": "65462f0f-00f1-1b7d-ecc4-2e04636a2df9",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "65462f0f-00f1-1b7d-ecc4-2e04636a2df9",
                        "fromProperty": "result",
                        "toId": "44056fdb-73b3-a8f4-8eb9-08912fef0555",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "fromProperty": "Back Arrow Opacity",
                        "toId": "a8b13c7c-4287-7a11-83e8-fc3d894978d1",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "fromProperty": "Black Overlay",
                        "toId": "62f5b584-61ed-6789-95e1-25bd8d55575d",
                        "toProperty": "opacity"
                    }
                ],
                "roots": [
                    {
                        "id": "be8808e4-03ed-2ed8-e9ec-2767f6d4f0a2",
                        "type": "States",
                        "x": -26.546151636164154,
                        "y": 491.45056207906214,
                        "parameters": {
                            "values": "Black Overlay,Pos X,Back Arrow Opacity",
                            "transition-Step 1": "easeInOut",
                            "duration-Step 1": 500,
                            "transition-Step 2": "easeInOut",
                            "duration-Step 2": 500,
                            "startState": "To Right",
                            "value-Step 1-Show": 0,
                            "value-Step 2-Show": -50,
                            "value-Step 1-To Left": 100,
                            "value-Step 2-To Left": 0,
                            "value-Step 1-To Right": 0,
                            "value-Step 2-To Right": 0.5,
                            "states": "Show,To Left,To Right,Show Instant,To Right Instant",
                            "transition-To Right": "cubicBezier",
                            "value-Show-Black Overlay": 0,
                            "value-To Left-Black Overlay": 0.3,
                            "value-To Right-Black Overlay": 0,
                            "value-Show-Pos X": 0,
                            "value-To Left-Pos X": -33,
                            "transition-To Left": "cubicBezier",
                            "duration-To Left": 500,
                            "transition-Show": "cubicBezier",
                            "duration-Show": 500,
                            "value-To Right-Pos X": 100,
                            "duration-To Right": 500,
                            "value-Show Instant-Black Overlay": 0,
                            "value-Show Instant-Pos X": 0,
                            "duration-Show Instant": 0,
                            "transition-Show Instant": "linear",
                            "value-To Right Instant-Black Overlay": 0,
                            "value-To Right Instant-Pos X": 100,
                            "duration-To Right Instant": 0,
                            "value-Show-Back Arrow Opacity": 1,
                            "value-To Left-Back Arrow Opacity": 0,
                            "value-To Right-Back Arrow Opacity": 0,
                            "value-Show Instant-Back Arrow Opacity": 0,
                            "value-To Right Instant-Back Arrow Opacity": 0,
                            "cubicBezierP2X-Show": 0.1,
                            "cubicBezierP2Y-Show": 1,
                            "cubicBezierP2X-To Left": 0.1,
                            "cubicBezierP2Y-To Left": 1,
                            "cubicBezierP2X-To Right": 0.1,
                            "cubicBezierP2Y-To Right": 1,
                            "transition-To Right Instant": "linear"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Black Overlay",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Pos X",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Back Arrow Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Show Values",
                                "name": "value-Show-Black Overlay",
                                "displayName": "Black Overlay",
                                "editorName": "Show|Black Overlay",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Show Values",
                                "name": "value-Show-Pos X",
                                "displayName": "Pos X",
                                "editorName": "Show|Pos X",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Show Values",
                                "name": "value-Show-Back Arrow Opacity",
                                "displayName": "Back Arrow Opacity",
                                "editorName": "Show|Back Arrow Opacity",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Show Transition",
                                "name": "transition-Show",
                                "index": 12
                            },
                            {
                                "name": "cubicBezierP1X-Show",
                                "editorName": "Show|P1 X",
                                "displayName": "P1 X",
                                "group": "Show Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 13
                            },
                            {
                                "name": "cubicBezierP1Y-Show",
                                "editorName": "Show|P1 Y",
                                "displayName": "P1 Y",
                                "group": "Show Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 14
                            },
                            {
                                "name": "cubicBezierP2X-Show",
                                "editorName": "Show|P2 X",
                                "displayName": "P2 X",
                                "group": "Show Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 15
                            },
                            {
                                "name": "cubicBezierP2Y-Show",
                                "editorName": "Show|P2 Y",
                                "displayName": "P2 Y",
                                "group": "Show Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Show Transition",
                                "name": "duration-Show",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Show",
                                "name": "to-Show",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Show",
                                "name": "at-Show",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Show",
                                "name": "reached-Show",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Left Values",
                                "name": "value-To Left-Black Overlay",
                                "displayName": "Black Overlay",
                                "editorName": "To Left|Black Overlay",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Left Values",
                                "name": "value-To Left-Pos X",
                                "displayName": "Pos X",
                                "editorName": "To Left|Pos X",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Left Values",
                                "name": "value-To Left-Back Arrow Opacity",
                                "displayName": "Back Arrow Opacity",
                                "editorName": "To Left|Back Arrow Opacity",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "To Left Transition",
                                "name": "transition-To Left",
                                "index": 24
                            },
                            {
                                "name": "cubicBezierP1X-To Left",
                                "editorName": "To Left|P1 X",
                                "displayName": "P1 X",
                                "group": "To Left Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 25
                            },
                            {
                                "name": "cubicBezierP1Y-To Left",
                                "editorName": "To Left|P1 Y",
                                "displayName": "P1 Y",
                                "group": "To Left Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 26
                            },
                            {
                                "name": "cubicBezierP2X-To Left",
                                "editorName": "To Left|P2 X",
                                "displayName": "P2 X",
                                "group": "To Left Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 27
                            },
                            {
                                "name": "cubicBezierP2Y-To Left",
                                "editorName": "To Left|P2 Y",
                                "displayName": "P2 Y",
                                "group": "To Left Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 28
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "To Left Transition",
                                "name": "duration-To Left",
                                "index": 29
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To To Left",
                                "name": "to-To Left",
                                "group": "Go to state",
                                "index": 30
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At To Left",
                                "name": "at-To Left",
                                "group": "Current state",
                                "index": 31
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached To Left",
                                "name": "reached-To Left",
                                "group": "Current state",
                                "index": 32
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Right Values",
                                "name": "value-To Right-Black Overlay",
                                "displayName": "Black Overlay",
                                "editorName": "To Right|Black Overlay",
                                "index": 33
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Right Values",
                                "name": "value-To Right-Pos X",
                                "displayName": "Pos X",
                                "editorName": "To Right|Pos X",
                                "index": 34
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Right Values",
                                "name": "value-To Right-Back Arrow Opacity",
                                "displayName": "Back Arrow Opacity",
                                "editorName": "To Right|Back Arrow Opacity",
                                "index": 35
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "To Right Transition",
                                "name": "transition-To Right",
                                "index": 36
                            },
                            {
                                "name": "cubicBezierP1X-To Right",
                                "editorName": "To Right|P1 X",
                                "displayName": "P1 X",
                                "group": "To Right Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 37
                            },
                            {
                                "name": "cubicBezierP1Y-To Right",
                                "editorName": "To Right|P1 Y",
                                "displayName": "P1 Y",
                                "group": "To Right Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 38
                            },
                            {
                                "name": "cubicBezierP2X-To Right",
                                "editorName": "To Right|P2 X",
                                "displayName": "P2 X",
                                "group": "To Right Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 39
                            },
                            {
                                "name": "cubicBezierP2Y-To Right",
                                "editorName": "To Right|P2 Y",
                                "displayName": "P2 Y",
                                "group": "To Right Transition",
                                "plug": "input",
                                "type": "number",
                                "default": 0,
                                "index": 40
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "To Right Transition",
                                "name": "duration-To Right",
                                "index": 41
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To To Right",
                                "name": "to-To Right",
                                "group": "Go to state",
                                "index": 42
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At To Right",
                                "name": "at-To Right",
                                "group": "Current state",
                                "index": 43
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached To Right",
                                "name": "reached-To Right",
                                "group": "Current state",
                                "index": 44
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Show Instant Values",
                                "name": "value-Show Instant-Black Overlay",
                                "displayName": "Black Overlay",
                                "editorName": "Show Instant|Black Overlay",
                                "index": 45
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Show Instant Values",
                                "name": "value-Show Instant-Pos X",
                                "displayName": "Pos X",
                                "editorName": "Show Instant|Pos X",
                                "index": 46
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Show Instant Values",
                                "name": "value-Show Instant-Back Arrow Opacity",
                                "displayName": "Back Arrow Opacity",
                                "editorName": "Show Instant|Back Arrow Opacity",
                                "index": 47
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Show Instant Transition",
                                "name": "transition-Show Instant",
                                "index": 48
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Show Instant Transition",
                                "name": "duration-Show Instant",
                                "index": 49
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Show Instant",
                                "name": "to-Show Instant",
                                "group": "Go to state",
                                "index": 50
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Show Instant",
                                "name": "at-Show Instant",
                                "group": "Current state",
                                "index": 51
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Show Instant",
                                "name": "reached-Show Instant",
                                "group": "Current state",
                                "index": 52
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Right Instant Values",
                                "name": "value-To Right Instant-Black Overlay",
                                "displayName": "Black Overlay",
                                "editorName": "To Right Instant|Black Overlay",
                                "index": 53
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Right Instant Values",
                                "name": "value-To Right Instant-Pos X",
                                "displayName": "Pos X",
                                "editorName": "To Right Instant|Pos X",
                                "index": 54
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "To Right Instant Values",
                                "name": "value-To Right Instant-Back Arrow Opacity",
                                "displayName": "Back Arrow Opacity",
                                "editorName": "To Right Instant|Back Arrow Opacity",
                                "index": 55
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "To Right Instant Transition",
                                "name": "transition-To Right Instant",
                                "index": 56
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "To Right Instant Transition",
                                "name": "duration-To Right Instant",
                                "index": 57
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To To Right Instant",
                                "name": "to-To Right Instant",
                                "group": "Go to state",
                                "index": 58
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At To Right Instant",
                                "name": "at-To Right Instant",
                                "group": "Current state",
                                "index": 59
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached To Right Instant",
                                "name": "reached-To Right Instant",
                                "group": "Current state",
                                "index": 60
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Show",
                                        "To Left",
                                        "To Right",
                                        "Show Instant",
                                        "To Right Instant"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Show",
                                "index": 61
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d03ed0ba-63a3-a86a-d4ea-26e7b4136dda",
                        "type": "Component Inputs",
                        "x": -364.14788233669765,
                        "y": 170.1591887400417,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Animations",
                                "index": 3
                            },
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Animations",
                                "index": 4
                            },
                            {
                                "name": "To Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Animations",
                                "index": 5
                            },
                            {
                                "name": "Show Instant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Animations",
                                "index": 6
                            },
                            {
                                "name": "Start Visible",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Clip",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "To Right Instant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Animations",
                                "index": 7
                            },
                            {
                                "name": "Back Button",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e9843c7c-7abf-eadd-1d31-85fbf7e8f979",
                        "type": "Javascript2",
                        "x": 250.3903976045283,
                        "y": 627.598464587591,
                        "parameters": {
                            "code": "//hax to make the first page not animate in and just appear instantly\n\ndefine({\n\toutputs:{\n\t    duration: 'number'\n\t},\n\t\n\tsetup: function(inputs, outputs) {\n\t    outputs.duration = 0;\n\t    setTimeout(() => {\n\t        outputs.duration = 500;\n\t        this.flagOutputDirty('duration');\n\t    }, 2000);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "duration",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "01e5239f-e8a7-17d1-52e3-54085a5dd11d",
                        "type": "Expression",
                        "x": 109.19201421360361,
                        "y": 84.81390347374526,
                        "parameters": {
                            "expression": "x < 100 && x > -33"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "x",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e700fcb9-6e04-8802-da56-7c2a6617bf56",
                        "type": "Switch",
                        "x": -346.7618317080437,
                        "y": 505.76879199404124,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "37616969-07bd-dc00-9f4b-f40bc3694973",
                        "type": "Component Outputs",
                        "x": 906.2512389803927,
                        "y": 410.95484378277547,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Back",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "58f69c9b-1a18-dc2a-7f5a-94c11882153a",
                        "type": "Boolean",
                        "x": 42.25123898039271,
                        "y": 294.95484378277547,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c3141ebf-4297-7f84-ad40-bac94f6705ab",
                        "type": "Group",
                        "x": 464.4858810123571,
                        "y": 136.54268156540047,
                        "parameters": {
                            "position": "absolute"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "82d21679-0abf-bd40-6a35-16b226dddf49",
                                "type": "Group",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "transformX": {
                                        "value": 0,
                                        "unit": "%"
                                    },
                                    "clip": false,
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5549e68c-eab1-9208-1376-b94e11996977",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "backgroundColor": "#ffffff",
                                            "style": "{\n    maxWidth: '700px'\n}",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1a5878f5-d0fd-07e2-f0ac-a216d6cb8299",
                                                "type": "Component Children",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "62f5b584-61ed-6789-95e1-25bd8d55575d",
                                        "type": "Group",
                                        "label": "Black Overlay",
                                        "x": 504.4858810123571,
                                        "y": 448.54268156540047,
                                        "parameters": {
                                            "backgroundColor": "black",
                                            "opacity": 0.5,
                                            "style": "{\n}",
                                            "position": "absolute",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "44056fdb-73b3-a8f4-8eb9-08912fef0555",
                                "type": "Group",
                                "x": 20,
                                "y": 409,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "position": "absolute",
                                    "marginTop": {
                                        "value": -54,
                                        "unit": "px"
                                    },
                                    "style": "{\n}",
                                    "height": {
                                        "value": 54,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 50,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a8b13c7c-4287-7a11-83e8-fc3d894978d1",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 102,
                                        "parameters": {
                                            "src": "icons/back.png",
                                            "position": "absolute",
                                            "alignY": "center",
                                            "marginLeft": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "srcSet": ""
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "65462f0f-00f1-1b7d-ecc4-2e04636a2df9",
                        "type": "And",
                        "x": 185.8873916454952,
                        "y": 245.72579597388273,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Page Stack",
            "graph": {
                "connections": [
                    {
                        "fromId": "0a2a7dc0-0dbf-6a1a-8fa7-d5c3cd1296dc",
                        "fromProperty": "Mounted",
                        "toId": "2bad69da-b115-9efb-78a1-6d9fcd20e93e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "2bad69da-b115-9efb-78a1-6d9fcd20e93e",
                        "fromProperty": "savedValue",
                        "toId": "838ce28a-c671-79bd-4e14-a2c7ff2872c6",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "0a2a7dc0-0dbf-6a1a-8fa7-d5c3cd1296dc",
                        "fromProperty": "Opacity",
                        "toId": "838ce28a-c671-79bd-4e14-a2c7ff2872c6",
                        "toProperty": "opacity"
                    }
                ],
                "roots": [
                    {
                        "id": "838ce28a-c671-79bd-4e14-a2c7ff2872c6",
                        "type": "Group",
                        "x": 458,
                        "y": 356,
                        "parameters": {
                            "mounted": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5c3c32ca-b43f-9630-3468-986d2a601b71",
                                "type": "Component Children",
                                "x": 20,
                                "y": 102,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "0a2a7dc0-0dbf-6a1a-8fa7-d5c3cd1296dc",
                        "type": "Component Inputs",
                        "x": -58,
                        "y": 336,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Opacity",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2bad69da-b115-9efb-78a1-6d9fcd20e93e",
                        "type": "Boolean",
                        "x": 201,
                        "y": 319,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Home Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "a6a209a0-95a8-79c1-9535-488275a20985",
                        "fromProperty": "Show",
                        "toId": "5a329ea5-8841-749e-3541-c353407e826c",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "a6a209a0-95a8-79c1-9535-488275a20985",
                        "fromProperty": "To Left",
                        "toId": "5a329ea5-8841-749e-3541-c353407e826c",
                        "toProperty": "To Left"
                    },
                    {
                        "fromId": "528bb700-60ea-2de1-06b5-18b9fed35e70",
                        "fromProperty": "onScrollPositionChanged",
                        "toId": "f23998c0-007a-3bee-2d32-d2fbe87eb082",
                        "toProperty": "Scroll Position"
                    },
                    {
                        "fromId": "f8ccf1d9-073f-d744-a0d9-e97c7eaffc77",
                        "fromProperty": "click",
                        "toId": "f23998c0-007a-3bee-2d32-d2fbe87eb082",
                        "toProperty": "Show Time Picker"
                    },
                    {
                        "fromId": "9004d65f-98dd-2fec-3301-42f8a1dd140e",
                        "fromProperty": "items",
                        "toId": "2252ec24-ead3-2449-60de-8c592931e8f6",
                        "toProperty": "Items"
                    },
                    {
                        "fromId": "03ac6957-ee5b-0032-3c58-40947ad05fb7",
                        "fromProperty": "items",
                        "toId": "35699f15-1c5b-8c84-3bfb-b801f9952ef4",
                        "toProperty": "Items"
                    },
                    {
                        "fromId": "6db4ce75-1f52-1498-41c7-a76399c1b7de",
                        "fromProperty": "items",
                        "toId": "ab3598d8-b319-9bb9-765c-b7df8ee88ef6",
                        "toProperty": "Items"
                    }
                ],
                "roots": [
                    {
                        "id": "5a329ea5-8841-749e-3541-c353407e826c",
                        "type": "/UI Components/Page",
                        "x": 528.5386146943683,
                        "y": 42.573584663927534,
                        "parameters": {
                            "Start Visible": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "528bb700-60ea-2de1-06b5-18b9fed35e70",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "scrollBehavior": "noodl",
                                    "clip": true,
                                    "style": "{\n}",
                                    "showScrollbar": false,
                                    "paddingBottom": {
                                        "value": 150,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "f8ccf1d9-073f-d744-a0d9-e97c7eaffc77",
                                        "type": "/Home/Delivery Notification",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "a514559b-1000-794e-e063-dc8da02e120d",
                                        "type": "/Home/Reorder Favorites/Reorder Favorites Component",
                                        "x": 20,
                                        "y": 164,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "903f5509-12ff-867c-60d1-427d6e73ad3d",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 230,
                                        "parameters": {
                                            "height": {
                                                "value": 100,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 23,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "bc3f291a-42d8-ed3a-dd91-9cd1275b82d5",
                                                "type": "/Components/Divider",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "height": 2,
                                                    "color": "#F7B500",
                                                    "opacity": 0.29
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "0e70e90a-d61e-a4ac-355e-62d12e00627a",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 322,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 30,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "548d32c5-e588-de63-65e0-16939363a3d3",
                                                "type": "Text",
                                                "x": 966.4119107052351,
                                                "y": 958.191313722783,
                                                "parameters": {
                                                    "text": "For you",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "3bfd3dd9-7842-dd67-22d1-a0389d396c70",
                                        "type": "/Home/Home Page Carousel",
                                        "x": 20,
                                        "y": 414,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "2252ec24-ead3-2449-60de-8c592931e8f6",
                                        "type": "/Home/Products Carousel/Products Carousel",
                                        "x": 20,
                                        "y": 440,
                                        "parameters": {
                                            "title": "Trending school supplies"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "5735b106-3c47-a6c7-ac5e-918982c262eb",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 522,
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3ba6a244-3597-6ac3-ec04-1d5105c9c603",
                                                "type": "/Components/Divider",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "divider style": "dotted",
                                                    "color": "#E6E7E8",
                                                    "height": 2
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "35699f15-1c5b-8c84-3bfb-b801f9952ef4",
                                        "type": "/Home/Products Carousel/Products Carousel",
                                        "x": 20,
                                        "y": 578,
                                        "parameters": {
                                            "title": "Summer sports for kids",
                                            "items-img": "images/Summer-sports.png"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "8a770669-c684-cfb4-d6d7-e23d1d8382d8",
                                        "type": "Group",
                                        "x": 946.4119107052351,
                                        "y": 1326.191313722783,
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1731bf9c-6d6d-7a4c-6d95-4b80ad34cf9c",
                                                "type": "/Components/Divider",
                                                "x": 966.4119107052351,
                                                "y": 1372.191313722783,
                                                "parameters": {
                                                    "divider style": "dotted",
                                                    "color": "#E6E7E8",
                                                    "height": 2
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "1a5a3fc9-1f1c-853e-0e8c-ab65a56e6053",
                                        "type": "Group",
                                        "label": "Complete the look",
                                        "x": 946.4119107052351,
                                        "y": 1418.191313722783,
                                        "parameters": {
                                            "width": {
                                                "value": 376,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 339,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "8b6a622c-6eec-3cef-805e-8d9c436e133b",
                                                "type": "Image",
                                                "x": 966.4119107052351,
                                                "y": 1479.191313722783,
                                                "parameters": {
                                                    "src": "images/Complete the look.png"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "2a63c643-e8eb-f5da-e558-8a0f6ff305a2",
                                        "type": "Group",
                                        "label": "Your favorite departments",
                                        "x": 946.4119107052351,
                                        "y": 1525.191313722783,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 28,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 425,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 175,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "857b185f-5799-7ee5-d1b1-6bc66137d8cf",
                                                "type": "Image",
                                                "x": 966.4119107052351,
                                                "y": 1586.191313722783,
                                                "parameters": {
                                                    "src": "images/favorite-departments.png",
                                                    "srcSet": "images/favorite-departments.png, images/favorite-departments@2x.png 2x, images/favorite-departments@3x.png 3x"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ab3598d8-b319-9bb9-765c-b7df8ee88ef6",
                                        "type": "/Home/Products Carousel/Products Carousel",
                                        "x": 20,
                                        "y": 1002,
                                        "parameters": {
                                            "title": "Editor's picks: Father's day",
                                            "items-img": "images/Fathers-picks.png"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "bfa6791c-9194-4f73-1066-f1f5e598e5ff",
                                        "type": "Group",
                                        "x": 946.4119107052351,
                                        "y": 1678.191313722783,
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2c11ba6f-eedb-6b30-e60b-ae4b411b3408",
                                                "type": "/Components/Divider",
                                                "x": 966.4119107052351,
                                                "y": 1724.191313722783,
                                                "parameters": {
                                                    "divider style": "dotted",
                                                    "color": "#E6E7E8",
                                                    "height": 2
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "4f0bfee8-025d-8148-c188-9dc07c49919c",
                                        "type": "Group",
                                        "label": "Home and beatuies must have",
                                        "x": 20,
                                        "y": 1180,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "6e32c495-cfb0-ed1e-0cd3-a741b4a2c887",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "width": {
                                                        "value": 413,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 452,
                                                        "unit": "px"
                                                    },
                                                    "src": "images/beauties-must-have.png"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "0f9d56eb-5d74-8ac3-007c-5c54e0d0594a",
                                        "type": "Group",
                                        "label": "My walmart",
                                        "x": 946.4119107052351,
                                        "y": 1877.191313722783,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 17,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 30,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 338,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 427,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "9caafbf3-5557-6f8d-75f2-08cbff5f0d18",
                                                "type": "Image",
                                                "x": 966.4119107052351,
                                                "y": 1938.191313722783,
                                                "parameters": {
                                                    "src": "images/mywalmart.png"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "d0f8835d-45cc-4567-1222-38043e5bc9b1",
                                        "type": "Group",
                                        "label": "Spacing",
                                        "x": 20,
                                        "y": 1302,
                                        "parameters": {
                                            "height": {
                                                "value": 150,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "a6a209a0-95a8-79c1-9535-488275a20985",
                        "type": "Component Inputs",
                        "x": 281.0772004790206,
                        "y": 43.382270941144554,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f23998c0-007a-3bee-2d32-d2fbe87eb082",
                        "type": "Component Outputs",
                        "x": 975.764296794011,
                        "y": 134.52749162753872,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Scroll Position",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Show Time Picker",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9004d65f-98dd-2fec-3301-42f8a1dd140e",
                        "type": "Static Data",
                        "label": "School Supply Items",
                        "x": 136.12670398913326,
                        "y": 577.3277824108702,
                        "parameters": {
                            "type": "csv",
                            "csv": "itemId\n10320822\n370806386\n11099765\n602862459\n720030507\n47473158\n258569263\n125167546\n143358235\n273266403"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "03ac6957-ee5b-0032-3c58-40947ad05fb7",
                        "type": "Static Data",
                        "label": "Summer Sports Items",
                        "x": 137.12670398913326,
                        "y": 738.3277824108702,
                        "parameters": {
                            "type": "csv",
                            "csv": "itemId\n454227477\n697559735\n379254447\n109827339\n297896134\n48859804\n841016418\n37858327\n10321787\n758323427"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6db4ce75-1f52-1498-41c7-a76399c1b7de",
                        "type": "Static Data",
                        "label": "Father's Day Items",
                        "x": 128.12670398913326,
                        "y": 1113.3277824108702,
                        "parameters": {
                            "type": "csv",
                            "csv": "itemId\n11047625\n192596868\n667385622\n101507200\n41344588\n13044838\n19717396\n201326711\n926039289\n47240203"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Search Header",
            "graph": {
                "connections": [
                    {
                        "fromId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "fromProperty": "onTextChanged",
                        "toId": "66d70168-b652-998c-4e82-a44d1d215e48",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "fb1abbff-7583-202f-0309-c6e52c71f2bc",
                        "fromProperty": "onClick",
                        "toId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "toProperty": "clear"
                    },
                    {
                        "fromId": "66d70168-b652-998c-4e82-a44d1d215e48",
                        "fromProperty": "length",
                        "toId": "aa795134-7bd9-6124-ea8a-cf466cc008a9",
                        "toProperty": "length"
                    },
                    {
                        "fromId": "aa795134-7bd9-6124-ea8a-cf466cc008a9",
                        "fromProperty": "result",
                        "toId": "536dbecf-f93c-8a79-a3f4-59d162408670",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "aa795134-7bd9-6124-ea8a-cf466cc008a9",
                        "fromProperty": "result",
                        "toId": "3aa752d2-5408-2556-2215-48567c8aada3",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "84e02a85-2cd7-b1b0-e239-c184cd92b61b",
                        "fromProperty": "result",
                        "toId": "3aa752d2-5408-2556-2215-48567c8aada3",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "66d70168-b652-998c-4e82-a44d1d215e48",
                        "fromProperty": "length",
                        "toId": "84e02a85-2cd7-b1b0-e239-c184cd92b61b",
                        "toProperty": "length"
                    },
                    {
                        "fromId": "aa795134-7bd9-6124-ea8a-cf466cc008a9",
                        "fromProperty": "result",
                        "toId": "fb1abbff-7583-202f-0309-c6e52c71f2bc",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "fromProperty": "onTextChanged",
                        "toId": "565ccb14-b149-37e6-44fa-6b6a0b25d0ba",
                        "toProperty": "Search String"
                    },
                    {
                        "fromId": "fb1abbff-7583-202f-0309-c6e52c71f2bc",
                        "fromProperty": "onClick",
                        "toId": "c22cc9cf-f7a1-e9a6-06ad-3593fdcbf952",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "d4560f82-cc7e-3936-a5d0-a6eb56a5e217",
                        "fromProperty": "eventReceived",
                        "toId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "toProperty": "clear"
                    },
                    {
                        "fromId": "d4560f82-cc7e-3936-a5d0-a6eb56a5e217",
                        "fromProperty": "eventReceived",
                        "toId": "3aa752d2-5408-2556-2215-48567c8aada3",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "fromProperty": "didMount",
                        "toId": "708e16ae-2ee7-93c7-d3a2-78144e2664e2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "fromProperty": "this",
                        "toId": "708e16ae-2ee7-93c7-d3a2-78144e2664e2",
                        "toProperty": "group"
                    },
                    {
                        "fromId": "708e16ae-2ee7-93c7-d3a2-78144e2664e2",
                        "fromProperty": "showSearchResults",
                        "toId": "e797b734-451d-6116-8a2f-6995c3e133ee",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "3aa752d2-5408-2556-2215-48567c8aada3",
                        "fromProperty": "switchedToOn",
                        "toId": "52628cb0-f692-9139-f860-773f19cbab48",
                        "toProperty": "Send"
                    },
                    {
                        "fromId": "6f5daddc-1907-fdc2-a2d7-0725b37a8220",
                        "fromProperty": "onClick",
                        "toId": "b6e364df-6e40-b386-febe-3f8a0cca69b9",
                        "toProperty": "To Cart"
                    },
                    {
                        "fromId": "12f3e20b-acc3-9b9a-c015-b3db5c16fa0e",
                        "fromProperty": "Is Expanded",
                        "toId": "c41aa67c-18c7-6d35-919c-2fe5d6a4e046",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "c41aa67c-18c7-6d35-919c-2fe5d6a4e046",
                        "fromProperty": "savedValue",
                        "toId": "4b178575-75f5-5da1-9eee-2e92eba0e4f9",
                        "toProperty": "expanded"
                    },
                    {
                        "fromId": "4b178575-75f5-5da1-9eee-2e92eba0e4f9",
                        "fromProperty": "result",
                        "toId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "toProperty": "to-Expanded"
                    },
                    {
                        "fromId": "c41aa67c-18c7-6d35-919c-2fe5d6a4e046",
                        "fromProperty": "savedValue",
                        "toId": "b0f0666a-b834-d362-d81b-0bccea11914b",
                        "toProperty": "expanded"
                    },
                    {
                        "fromId": "b0f0666a-b834-d362-d81b-0bccea11914b",
                        "fromProperty": "result",
                        "toId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "toProperty": "to-Compressed"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Search Text Y",
                        "toId": "475079f1-44a0-8f59-c99a-9620ca089f8d",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Search Text Opacity",
                        "toId": "475079f1-44a0-8f59-c99a-9620ca089f8d",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Logo Scale",
                        "toId": "7b4ae6d6-d3c7-375b-5815-310fa2968b77",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "at-Compressed",
                        "toId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "toProperty": "disabled"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Header Height",
                        "toId": "1506610b-e629-eec8-c4cc-5fe73a5dc7bf",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "12f3e20b-acc3-9b9a-c015-b3db5c16fa0e",
                        "fromProperty": "Is Expanded",
                        "toId": "8ca7edd3-4739-ae37-9eb9-79c8882b79f1",
                        "toProperty": "Is Expanded"
                    },
                    {
                        "fromId": "94df2e83-36f4-21c0-c716-a1ddad346263",
                        "fromProperty": "onFocus",
                        "toId": "1c9a3a00-0107-c571-7c13-44de95ed45b7",
                        "toProperty": "Send"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Logo Opacity",
                        "toId": "7b4ae6d6-d3c7-375b-5815-310fa2968b77",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Text Right Margin",
                        "toId": "475079f1-44a0-8f59-c99a-9620ca089f8d",
                        "toProperty": "marginRight"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Text Input Height",
                        "toId": "475079f1-44a0-8f59-c99a-9620ca089f8d",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "12f3e20b-acc3-9b9a-c015-b3db5c16fa0e",
                        "fromProperty": "Visible",
                        "toId": "59cb0875-45f9-54ae-1188-189b26d16733",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "12f3e20b-acc3-9b9a-c015-b3db5c16fa0e",
                        "fromProperty": "No Search",
                        "toId": "89c310a1-3ef3-7c23-2fe9-414c0dc9c456",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "89c310a1-3ef3-7c23-2fe9-414c0dc9c456",
                        "fromProperty": "savedValue",
                        "toId": "b0f0666a-b834-d362-d81b-0bccea11914b",
                        "toProperty": "noSearch"
                    },
                    {
                        "fromId": "89c310a1-3ef3-7c23-2fe9-414c0dc9c456",
                        "fromProperty": "savedValue",
                        "toId": "4b178575-75f5-5da1-9eee-2e92eba0e4f9",
                        "toProperty": "noSearch"
                    },
                    {
                        "fromId": "89c310a1-3ef3-7c23-2fe9-414c0dc9c456",
                        "fromProperty": "savedValue",
                        "toId": "b77e119f-9670-8ff7-8755-15d70b1b1bd3",
                        "toProperty": "noSearch"
                    },
                    {
                        "fromId": "b77e119f-9670-8ff7-8755-15d70b1b1bd3",
                        "fromProperty": "result",
                        "toId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "toProperty": "to-No Search"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "at-No Search",
                        "toId": "6f1b46c5-680d-7130-52fd-3db584c34327",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "12f3e20b-acc3-9b9a-c015-b3db5c16fa0e",
                        "fromProperty": "Label",
                        "toId": "a68b463b-376f-2f5f-4ca9-bef87bd3b96e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a68b463b-376f-2f5f-4ca9-bef87bd3b96e",
                        "fromProperty": "savedValue",
                        "toId": "6f1b46c5-680d-7130-52fd-3db584c34327",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "currentState",
                        "toId": "78207ebe-14a2-a1e9-005f-702f975fcb08",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "26ddde93-b1a7-a4de-4050-89166b7e3b74",
                        "fromProperty": "User Short Name",
                        "toId": "fe7fe3cb-c977-d0b2-512a-e284fe895739",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Profile Picture Position Y",
                        "toId": "78539d8a-463a-a79e-9302-28399d16f2ef",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Sub Header Height",
                        "toId": "39e6237a-9b2a-5e77-97f2-304fbd99caeb",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Cart Y Offset",
                        "toId": "3a5c4ea0-abd6-ccb8-fab9-5525e649243e",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "fromProperty": "Profile Picture Opacity",
                        "toId": "78539d8a-463a-a79e-9302-28399d16f2ef",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "12f3e20b-acc3-9b9a-c015-b3db5c16fa0e",
                        "fromProperty": "Show Cart",
                        "toId": "a6508a74-1672-a96f-6f16-1e593eff5e5e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a6508a74-1672-a96f-6f16-1e593eff5e5e",
                        "fromProperty": "savedValue",
                        "toId": "6f5daddc-1907-fdc2-a2d7-0725b37a8220",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a6508a74-1672-a96f-6f16-1e593eff5e5e",
                        "fromProperty": "savedValue",
                        "toId": "10b52088-495e-bcb4-a330-5e2593fc3aec",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "59cb0875-45f9-54ae-1188-189b26d16733",
                        "type": "Group",
                        "x": 197,
                        "y": 197,
                        "parameters": {
                            "height": {
                                "value": 90,
                                "unit": "px"
                            },
                            "backgroundColor": "#0071CE",
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1506610b-e629-eec8-c4cc-5fe73a5dc7bf",
                                "type": "Group",
                                "label": "Search Header",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "flexDirection": "row",
                                    "paddingBottom": {
                                        "value": 7,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 76,
                                        "unit": "px"
                                    },
                                    "paddingLeft": 0,
                                    "visible": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "39e6237a-9b2a-5e77-97f2-304fbd99caeb",
                                        "type": "Group",
                                        "label": "Top Bar Header",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row",
                                            "height": {
                                                "value": 36,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "78539d8a-463a-a79e-9302-28399d16f2ef",
                                                "type": "Group",
                                                "label": "User Profile",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "width": {
                                                        "value": 42,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 42,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute",
                                                    "alignY": "center",
                                                    "paddingTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "3dd02a2c-82d4-c940-3d92-de968113e2a9",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "position": "absolute",
                                                            "sizeMode": "explicit",
                                                            "width": {
                                                                "value": 42,
                                                                "unit": "px"
                                                            },
                                                            "height": {
                                                                "value": 42,
                                                                "unit": "px"
                                                            },
                                                            "borderRadius": 25,
                                                            "backgroundColor": "#F0BF56",
                                                            "alignX": "center",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "5a787592-4039-22f8-72a1-779ff66638ec",
                                                                "type": "Image",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "alignX": "center",
                                                                    "alignY": "center",
                                                                    "src": "images/user-picture.png",
                                                                    "srcSet": "images/user-picture.png, images/user-picture@2x.png 2x, images/user-picture@3x.png 3x",
                                                                    "position": "absolute"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "fe7fe3cb-c977-d0b2-512a-e284fe895739",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 153,
                                                        "parameters": {
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "color": "#ffffff",
                                                            "marginLeft": {
                                                                "value": 51,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "center",
                                                            "position": "absolute"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "10b52088-495e-bcb4-a330-5e2593fc3aec",
                                                "type": "Group",
                                                "label": "Icon Area",
                                                "x": 20,
                                                "y": 388,
                                                "parameters": {
                                                    "width": {
                                                        "value": 26,
                                                        "unit": "px"
                                                    },
                                                    "alignX": "right",
                                                    "position": "absolute"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "3a5c4ea0-abd6-ccb8-fab9-5525e649243e",
                                                        "type": "Group",
                                                        "x": 292.3613893951531,
                                                        "y": 835.1461147761349,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "8ca7edd3-4739-ae37-9eb9-79c8882b79f1",
                                                                "type": "/UI Components/Cart",
                                                                "x": 20,
                                                                "y": 82,
                                                                "parameters": {},
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "7b4ae6d6-d3c7-375b-5815-310fa2968b77",
                                                "type": "Image",
                                                "label": "Logo",
                                                "x": 313,
                                                "y": 385,
                                                "parameters": {
                                                    "src": "icons/Walmart Logo.svg",
                                                    "alignX": "center",
                                                    "position": "absolute",
                                                    "transformOriginY": {
                                                        "value": 0,
                                                        "unit": "%"
                                                    },
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "6f1b46c5-680d-7130-52fd-3db584c34327",
                                                "type": "Text",
                                                "label": "Label",
                                                "x": 20,
                                                "y": 730,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    },
                                                    "text": "Orders",
                                                    "position": "absolute",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "sizeMode": "contentSize",
                                                    "color": "#ffffff"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "e38ea464-b5ae-4fb5-e3c2-95de94c30593",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 1021,
                                        "parameters": {
                                            "position": "absolute"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "475079f1-44a0-8f59-c99a-9620ca089f8d",
                                                "type": "Group",
                                                "label": "Search Text Input Container",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "height": {
                                                        "value": 40,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "white",
                                                    "borderRadius": 20,
                                                    "flexDirection": "row",
                                                    "paddingRight": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "transformY": {
                                                        "value": 56,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "style": "{\n}",
                                                    "position": "relative",
                                                    "marginLeft": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowOffsetY": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowBlurRadius": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowSpreadRadius": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowColor": "rgba(0,0,0,0.33)"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "2e7fdda0-f1fe-9a7a-3137-9021c51ec67b",
                                                        "type": "Group",
                                                        "label": "Icon Area",
                                                        "x": 20,
                                                        "y": 157,
                                                        "parameters": {
                                                            "width": {
                                                                "value": 26,
                                                                "unit": "px"
                                                            },
                                                            "height": {
                                                                "value": 26,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "fccaaf1e-a41c-db9f-a34b-9dcfad52191e",
                                                                "type": "Image",
                                                                "label": "Search Icon",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "alignY": "center",
                                                                    "srcSet": "",
                                                                    "src": "icons/icn_18_search.svg",
                                                                    "alignX": "center",
                                                                    "marginTop": {
                                                                        "value": 4,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "e47ae23b-c124-dc6d-ec51-94f6c0c81243",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 107,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "94df2e83-36f4-21c0-c716-a1ddad346263",
                                                                "type": "Text Input",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "sizeMode": "explicit",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "placeholder": "Search everything at Walmart"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "536dbecf-f93c-8a79-a3f4-59d162408670",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 275,
                                                        "parameters": {
                                                            "alignY": "center",
                                                            "srcSet": "icons/clear.png, icons/clear@2x.png 2x, icons/clear@3x.png 3x"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "fb1abbff-7583-202f-0309-c6e52c71f2bc",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 569,
                                                        "parameters": {
                                                            "position": "absolute",
                                                            "width": {
                                                                "value": 35,
                                                                "unit": "px"
                                                            },
                                                            "alignX": "right"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "6f5daddc-1907-fdc2-a2d7-0725b37a8220",
                                "type": "Group",
                                "label": "Cart Hit Area",
                                "x": 261.24242424242425,
                                "y": 203.0000000000001,
                                "parameters": {
                                    "position": "absolute",
                                    "width": {
                                        "value": 55,
                                        "unit": "px"
                                    },
                                    "alignX": "right",
                                    "height": {
                                        "value": 45,
                                        "unit": "px"
                                    },
                                    "pointerEventsMode": "explicit"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "b6e364df-6e40-b386-febe-3f8a0cca69b9",
                        "type": "Component Outputs",
                        "x": 608.38006698417,
                        "y": 1767.0849143498203,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Cart",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "66d70168-b652-998c-4e82-a44d1d215e48",
                        "type": "String",
                        "x": -177.5749961763899,
                        "y": 818.1355695771442,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aa795134-7bd9-6124-ea8a-cf466cc008a9",
                        "type": "Expression",
                        "x": -185.5432485970122,
                        "y": 957.683468065348,
                        "parameters": {
                            "expression": "length > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "length",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "84e02a85-2cd7-b1b0-e239-c184cd92b61b",
                        "type": "Expression",
                        "x": -192.78124793295575,
                        "y": 1091.977782892831,
                        "parameters": {
                            "expression": "length === 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "length",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "3aa752d2-5408-2556-2215-48567c8aada3",
                        "type": "Switch",
                        "label": "Is Searching",
                        "x": -255.64673170551646,
                        "y": 1269.3692833782357,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "565ccb14-b149-37e6-44fa-6b6a0b25d0ba",
                        "type": "Component Outputs",
                        "x": 620.2060847754512,
                        "y": 1472.1642305328146,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Search String",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c22cc9cf-f7a1-e9a6-06ad-3593fdcbf952",
                        "type": "Event Sender",
                        "label": "Clear search",
                        "x": 594.8248696184286,
                        "y": 1627.5155741850876,
                        "parameters": {
                            "channelName": "clear search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d4560f82-cc7e-3936-a5d0-a6eb56a5e217",
                        "type": "Event Receiver",
                        "x": -552.5794158053232,
                        "y": 1371.3951812977627,
                        "parameters": {
                            "channelName": "clear search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "708e16ae-2ee7-93c7-d3a2-78144e2664e2",
                        "type": "Javascript2",
                        "x": 852.636220076759,
                        "y": 1468.9582713234631,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    group: 'reference',\n\t    mounted: 'signal'\n\t},\n\toutputs: {\n\t    showSearchResults: 'signal'\n\t},\n\tmounted:function(inputs,outputs) {\n\t\tconst domNode = ReactDOM.findDOMNode(inputs.group.getRef());\n\t\tdomNode.autocomplete = \"off\";\n\t\tdomNode.autocorrect = \"off\";\n\t\tdomNode.autocapitalize = \"off\";\n\t\tdomNode.spellcheck = \"false\";\n\t\t\n\t\tdomNode.addEventListener(\"keyup\", event => {\n            if (event.key === \"Enter\") {\n                this.sendSignalOnOutput(\"showSearchResults\");    \n            }\n        });\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "group",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "mounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "showSearchResults",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e797b734-451d-6116-8a2f-6995c3e133ee",
                        "type": "Event Sender",
                        "x": 1050.2506919156847,
                        "y": 1492.9174956082802,
                        "parameters": {
                            "channelName": "Show Search Results"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "52628cb0-f692-9139-f860-773f19cbab48",
                        "type": "/UI Components/Select Tab",
                        "label": "Go To Tab - Search",
                        "x": 534.0624403886648,
                        "y": 1101.9448006547607,
                        "parameters": {
                            "Tab Id": "search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "baef0b63-dded-0d77-afd5-4bbb4d81c59e",
                        "type": "States",
                        "x": -444.21847739216923,
                        "y": 671.1961147761348,
                        "parameters": {
                            "states": "Expanded,Compressed,No Search",
                            "values": "Search Text Y,Search Text Opacity,Logo Scale,Header Height,Label Position Y,Label Opacity,Logo Opacity,Text Right Margin,Cart Y Offset,Text Input Height,Profile Picture Position Y,Sub Header Height,Profile Picture Opacity",
                            "value-Expanded-Search Text Y": 48,
                            "value-Compressed-Search Text Y": 28,
                            "value-Expanded-Search Text Opacity": 1,
                            "value-Compressed-Search Text Opacity": 0,
                            "value-Expanded-Logo Scale": 1,
                            "value-Compressed-Logo Scale": 0.76923076,
                            "value-Expanded-Header Height": 99,
                            "value-Compressed-Header Height": 26,
                            "value-Expanded-Account Icon Y": 0,
                            "value-Compressed-Account Icon Y": -20,
                            "value-Expanded-Account Icon Opacity": 1,
                            "value-Compressed-Account Icon Opacity": 0,
                            "value-Expanded-Label Position Y": 30,
                            "value-Compressed-Label Position Y": 10,
                            "value-Expanded-Label Opacity": 1,
                            "value-Compressed-Label Opacity": 0,
                            "value-Integrated-Header Height": 73,
                            "value-Integrated-Logo Scale": 0.4,
                            "value-Expanded-Logo Opacity": 1,
                            "value-Compressed-Logo Opacity": 1,
                            "value-Integrated-Logo Opacity": 0,
                            "value-Integrated-Search Text Y": 27,
                            "value-Integrated-Search Text Opacity": 1,
                            "value-Integrated-Account Icon Y": -20,
                            "value-Integrated-Account Icon Opacity": 0,
                            "value-Integrated-Label Position Y": 0,
                            "value-Integrated-Label Opacity": 1,
                            "value-Expanded-Text Right Margin": 16,
                            "value-Compressed-Text Right Margin": 16,
                            "value-Integrated-Text Right Margin": 56,
                            "value-Expanded-Cart Y Offset": 4,
                            "value-Compressed-Cart Y Offset": -2,
                            "value-Integrated-Cart Y Offset": 26,
                            "value-Expanded-Text Input Height": 40,
                            "value-Compressed-Text Input Height": 40,
                            "value-Integrated-Text Input Height": 34,
                            "value-No Search-Search Text Y": 27,
                            "value-No Search-Search Text Opacity": 0,
                            "value-No Search-Logo Scale": 0.4,
                            "value-No Search-Header Height": 50,
                            "value-No Search-Account Icon Y": -20,
                            "value-No Search-Account Icon Opacity": 0,
                            "value-No Search-Label Position Y": 0,
                            "value-No Search-Label Opacity": 0,
                            "value-No Search-Logo Opacity": 0,
                            "value-No Search-Text Right Margin": 56,
                            "value-No Search-Cart Y Offset": 0,
                            "value-No Search-Text Input Height": 34,
                            "startState": "Expanded",
                            "value-Expanded-Profile Picture Position Y": 0,
                            "value-Compressed-Profile Picture Position Y": -20,
                            "value-No Search-Profile Picture Position Y": -20,
                            "value-Expanded-Sub Header Height": 36,
                            "value-Compressed-Sub Header Height": 26,
                            "value-No Search-Sub Header Height": 36,
                            "value-Expanded-Profile Picture Opacity": 1,
                            "value-Compressed-Profile Picture Opacity": 0,
                            "value-No Search-Profile Picture Opacity": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Search Text Y",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Search Text Opacity",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Logo Scale",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Header Height",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Label Position Y",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Label Opacity",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Logo Opacity",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Text Right Margin",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Cart Y Offset",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Text Input Height",
                                "index": 15
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Profile Picture Position Y",
                                "index": 16
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Sub Header Height",
                                "index": 17
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Profile Picture Opacity",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Search Text Y",
                                "displayName": "Search Text Y",
                                "editorName": "Expanded|Search Text Y",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Search Text Opacity",
                                "displayName": "Search Text Opacity",
                                "editorName": "Expanded|Search Text Opacity",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Logo Scale",
                                "displayName": "Logo Scale",
                                "editorName": "Expanded|Logo Scale",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Header Height",
                                "displayName": "Header Height",
                                "editorName": "Expanded|Header Height",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Label Position Y",
                                "displayName": "Label Position Y",
                                "editorName": "Expanded|Label Position Y",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Label Opacity",
                                "displayName": "Label Opacity",
                                "editorName": "Expanded|Label Opacity",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Logo Opacity",
                                "displayName": "Logo Opacity",
                                "editorName": "Expanded|Logo Opacity",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Text Right Margin",
                                "displayName": "Text Right Margin",
                                "editorName": "Expanded|Text Right Margin",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Cart Y Offset",
                                "displayName": "Cart Y Offset",
                                "editorName": "Expanded|Cart Y Offset",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Text Input Height",
                                "displayName": "Text Input Height",
                                "editorName": "Expanded|Text Input Height",
                                "index": 28
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Profile Picture Position Y",
                                "displayName": "Profile Picture Position Y",
                                "editorName": "Expanded|Profile Picture Position Y",
                                "index": 29
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Sub Header Height",
                                "displayName": "Sub Header Height",
                                "editorName": "Expanded|Sub Header Height",
                                "index": 30
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Profile Picture Opacity",
                                "displayName": "Profile Picture Opacity",
                                "editorName": "Expanded|Profile Picture Opacity",
                                "index": 31
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Expanded Transition",
                                "name": "transition-Expanded",
                                "index": 32
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Expanded Transition",
                                "name": "duration-Expanded",
                                "index": 33
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Expanded",
                                "name": "to-Expanded",
                                "group": "Go to state",
                                "index": 34
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Expanded",
                                "name": "at-Expanded",
                                "group": "Current state",
                                "index": 35
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Expanded",
                                "name": "reached-Expanded",
                                "group": "Current state",
                                "index": 36
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Search Text Y",
                                "displayName": "Search Text Y",
                                "editorName": "Compressed|Search Text Y",
                                "index": 37
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Search Text Opacity",
                                "displayName": "Search Text Opacity",
                                "editorName": "Compressed|Search Text Opacity",
                                "index": 38
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Logo Scale",
                                "displayName": "Logo Scale",
                                "editorName": "Compressed|Logo Scale",
                                "index": 39
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Header Height",
                                "displayName": "Header Height",
                                "editorName": "Compressed|Header Height",
                                "index": 40
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Label Position Y",
                                "displayName": "Label Position Y",
                                "editorName": "Compressed|Label Position Y",
                                "index": 41
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Label Opacity",
                                "displayName": "Label Opacity",
                                "editorName": "Compressed|Label Opacity",
                                "index": 42
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Logo Opacity",
                                "displayName": "Logo Opacity",
                                "editorName": "Compressed|Logo Opacity",
                                "index": 43
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Text Right Margin",
                                "displayName": "Text Right Margin",
                                "editorName": "Compressed|Text Right Margin",
                                "index": 44
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Cart Y Offset",
                                "displayName": "Cart Y Offset",
                                "editorName": "Compressed|Cart Y Offset",
                                "index": 45
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Text Input Height",
                                "displayName": "Text Input Height",
                                "editorName": "Compressed|Text Input Height",
                                "index": 46
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Profile Picture Position Y",
                                "displayName": "Profile Picture Position Y",
                                "editorName": "Compressed|Profile Picture Position Y",
                                "index": 47
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Sub Header Height",
                                "displayName": "Sub Header Height",
                                "editorName": "Compressed|Sub Header Height",
                                "index": 48
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Profile Picture Opacity",
                                "displayName": "Profile Picture Opacity",
                                "editorName": "Compressed|Profile Picture Opacity",
                                "index": 49
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Compressed Transition",
                                "name": "transition-Compressed",
                                "index": 50
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Compressed Transition",
                                "name": "duration-Compressed",
                                "index": 51
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Compressed",
                                "name": "to-Compressed",
                                "group": "Go to state",
                                "index": 52
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Compressed",
                                "name": "at-Compressed",
                                "group": "Current state",
                                "index": 53
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Compressed",
                                "name": "reached-Compressed",
                                "group": "Current state",
                                "index": 54
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Search Text Y",
                                "displayName": "Search Text Y",
                                "editorName": "No Search|Search Text Y",
                                "index": 55
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Search Text Opacity",
                                "displayName": "Search Text Opacity",
                                "editorName": "No Search|Search Text Opacity",
                                "index": 56
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Logo Scale",
                                "displayName": "Logo Scale",
                                "editorName": "No Search|Logo Scale",
                                "index": 57
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Header Height",
                                "displayName": "Header Height",
                                "editorName": "No Search|Header Height",
                                "index": 58
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Label Position Y",
                                "displayName": "Label Position Y",
                                "editorName": "No Search|Label Position Y",
                                "index": 59
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Label Opacity",
                                "displayName": "Label Opacity",
                                "editorName": "No Search|Label Opacity",
                                "index": 60
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Logo Opacity",
                                "displayName": "Logo Opacity",
                                "editorName": "No Search|Logo Opacity",
                                "index": 61
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Text Right Margin",
                                "displayName": "Text Right Margin",
                                "editorName": "No Search|Text Right Margin",
                                "index": 62
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Cart Y Offset",
                                "displayName": "Cart Y Offset",
                                "editorName": "No Search|Cart Y Offset",
                                "index": 63
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Text Input Height",
                                "displayName": "Text Input Height",
                                "editorName": "No Search|Text Input Height",
                                "index": 64
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Profile Picture Position Y",
                                "displayName": "Profile Picture Position Y",
                                "editorName": "No Search|Profile Picture Position Y",
                                "index": 65
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Sub Header Height",
                                "displayName": "Sub Header Height",
                                "editorName": "No Search|Sub Header Height",
                                "index": 66
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Search Values",
                                "name": "value-No Search-Profile Picture Opacity",
                                "displayName": "Profile Picture Opacity",
                                "editorName": "No Search|Profile Picture Opacity",
                                "index": 67
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "No Search Transition",
                                "name": "transition-No Search",
                                "index": 68
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "No Search Transition",
                                "name": "duration-No Search",
                                "index": 69
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To No Search",
                                "name": "to-No Search",
                                "group": "Go to state",
                                "index": 70
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At No Search",
                                "name": "at-No Search",
                                "group": "Current state",
                                "index": 71
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached No Search",
                                "name": "reached-No Search",
                                "group": "Current state",
                                "index": 72
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Expanded",
                                        "Compressed",
                                        "No Search"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Expanded",
                                "index": 73
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "12f3e20b-acc3-9b9a-c015-b3db5c16fa0e",
                        "type": "Component Inputs",
                        "x": -396.578851534169,
                        "y": 185.19611477613478,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Is Expanded",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1,
                                "group": "State"
                            },
                            {
                                "name": "Visible",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 3
                            },
                            {
                                "name": "No Search",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "State",
                                "index": 2
                            },
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "State",
                                "index": 3
                            },
                            {
                                "name": "Show Cart",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c41aa67c-18c7-6d35-919c-2fe5d6a4e046",
                        "type": "Boolean",
                        "label": "Is Expanded",
                        "x": -471.578851534169,
                        "y": 343.1961147761348,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4b178575-75f5-5da1-9eee-2e92eba0e4f9",
                        "type": "Expression",
                        "x": -477.57885153416896,
                        "y": 469.1961147761348,
                        "parameters": {
                            "expression": "noSearch === false && expanded === true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "noSearch",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "expanded",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b0f0666a-b834-d362-d81b-0bccea11914b",
                        "type": "Expression",
                        "x": -287.57885153416896,
                        "y": 469.1961147761348,
                        "parameters": {
                            "expression": "noSearch === false && expanded === false"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "noSearch",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "expanded",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1c9a3a00-0107-c571-7c13-44de95ed45b7",
                        "type": "/UI Components/Select Tab",
                        "x": -60.57885153416902,
                        "y": 454.1961147761348,
                        "parameters": {
                            "Tab Id": "search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "89c310a1-3ef3-7c23-2fe9-414c0dc9c456",
                        "type": "Boolean",
                        "label": "no search",
                        "x": -975.856629311947,
                        "y": 273.19611477613455,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b77e119f-9670-8ff7-8755-15d70b1b1bd3",
                        "type": "Expression",
                        "x": -971.856629311947,
                        "y": 654.1961147761346,
                        "parameters": {
                            "expression": "noSearch === true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "noSearch",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a68b463b-376f-2f5f-4ca9-bef87bd3b96e",
                        "type": "String",
                        "x": 654.3613893951531,
                        "y": 649.1461147761349,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "78207ebe-14a2-a1e9-005f-702f975fcb08",
                        "type": "String",
                        "x": -756.6386106048469,
                        "y": 1043.146114776135,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "26ddde93-b1a7-a4de-4050-89166b7e3b74",
                        "type": "Globals",
                        "x": 628.3613893951531,
                        "y": 477.14611477613494,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a6508a74-1672-a96f-6f16-1e593eff5e5e",
                        "type": "Boolean",
                        "x": -89.58764353555352,
                        "y": 148.47169672805802,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Standard Header",
            "graph": {
                "connections": [
                    {
                        "fromId": "0d33dc03-eb70-e434-c60c-777e9cce592c",
                        "fromProperty": "onClick",
                        "toId": "700b46a2-c4e6-52d9-5ac4-7495c34578e5",
                        "toProperty": "Back"
                    },
                    {
                        "fromId": "ac038a10-4617-8916-ed6a-4abef811566f",
                        "fromProperty": "Title",
                        "toId": "1599455e-7d4f-0b1a-44f3-65a585937a4b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "5bd361e0-32bf-5139-e67f-2c3b657a6c27",
                        "fromProperty": "result",
                        "toId": "e743527c-eca9-a00f-983c-4b5d2027b62d",
                        "toProperty": "transformRotation"
                    },
                    {
                        "fromId": "8160051b-9500-55da-7652-4ccc088923df",
                        "fromProperty": "currentValue",
                        "toId": "5bd361e0-32bf-5139-e67f-2c3b657a6c27",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "ac038a10-4617-8916-ed6a-4abef811566f",
                        "fromProperty": "Down Arrrow",
                        "toId": "8160051b-9500-55da-7652-4ccc088923df",
                        "toProperty": "targetValue"
                    }
                ],
                "roots": [
                    {
                        "id": "5cc6fecb-231f-6eeb-e63d-6a24b377cdb1",
                        "type": "Group",
                        "x": 311,
                        "y": 210,
                        "parameters": {
                            "height": {
                                "value": 90,
                                "unit": "px"
                            },
                            "backgroundColor": "#0071CE",
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 20,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 20,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "paddingTop": {
                                "value": 14,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 13,
                                "unit": "px"
                            },
                            "alignY": "top",
                            "clip": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e743527c-eca9-a00f-983c-4b5d2027b62d",
                                "type": "Image",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "alignY": "center",
                                    "srcSet": "icons/back.png, icons/back@2x.png 2x, icons/back@3x.png 3x"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "1599455e-7d4f-0b1a-44f3-65a585937a4b",
                                "type": "Text",
                                "x": 20,
                                "y": 128,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "fontSize": {
                                        "value": 18,
                                        "unit": "px"
                                    },
                                    "color": "#FFFFFF",
                                    "textAlign": "center",
                                    "sizeMode": "contentHeight",
                                    "text": "Page Title",
                                    "alignY": "center",
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "366109b3-278b-d37f-f22d-67260170db5e",
                                "type": "Group",
                                "x": 20,
                                "y": 210,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "0d33dc03-eb70-e434-c60c-777e9cce592c",
                                "type": "Group",
                                "x": 20,
                                "y": 256,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "width": {
                                        "value": 100,
                                        "unit": "px"
                                    },
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "700b46a2-c4e6-52d9-5ac4-7495c34578e5",
                        "type": "Component Outputs",
                        "x": 602,
                        "y": 323,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Back",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ac038a10-4617-8916-ed6a-4abef811566f",
                        "type": "Component Inputs",
                        "x": -199,
                        "y": 414,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Down Arrrow",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5bd361e0-32bf-5139-e67f-2c3b657a6c27",
                        "type": "Number Blend",
                        "x": 2,
                        "y": 230.75,
                        "parameters": {
                            "input 0": 0,
                            "input 1": -90
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8160051b-9500-55da-7652-4ccc088923df",
                        "type": "Transition",
                        "x": -214,
                        "y": 261.75,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Design System/Divider",
            "graph": {
                "connections": [
                    {
                        "fromId": "d33a41c6-b936-43b8-8447-3186c36399da",
                        "fromProperty": "line color",
                        "toId": "2a1c0e17-92b5-82d0-1464-d60bf8eba3ad",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "d33a41c6-b936-43b8-8447-3186c36399da",
                        "fromProperty": "Padding Left",
                        "toId": "726d8639-388f-8b52-a237-c9d7eb01777a",
                        "toProperty": "paddingLeft"
                    },
                    {
                        "fromId": "d33a41c6-b936-43b8-8447-3186c36399da",
                        "fromProperty": "Padding Right",
                        "toId": "726d8639-388f-8b52-a237-c9d7eb01777a",
                        "toProperty": "paddingRight"
                    },
                    {
                        "fromId": "d33a41c6-b936-43b8-8447-3186c36399da",
                        "fromProperty": "Margin Top",
                        "toId": "726d8639-388f-8b52-a237-c9d7eb01777a",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "d33a41c6-b936-43b8-8447-3186c36399da",
                        "fromProperty": "Margin Bottom",
                        "toId": "726d8639-388f-8b52-a237-c9d7eb01777a",
                        "toProperty": "marginBottom"
                    }
                ],
                "roots": [
                    {
                        "id": "726d8639-388f-8b52-a237-c9d7eb01777a",
                        "type": "Group",
                        "x": 273,
                        "y": 310,
                        "parameters": {
                            "paddingTop": 0,
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "2a1c0e17-92b5-82d0-1464-d60bf8eba3ad",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "height": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#E6E7E8"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "d33a41c6-b936-43b8-8447-3186c36399da",
                        "type": "Component Inputs",
                        "x": -211.5,
                        "y": 384.5,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "line color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Padding Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Padding Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Margin Bottom",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Search pillbar",
            "graph": {
                "connections": [
                    {
                        "fromId": "e0da41bf-d37c-50f7-8f58-a459e7ed4b2d",
                        "fromProperty": "selected",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter on time"
                    },
                    {
                        "fromId": "d44c6d92-1e4a-5d48-1c4b-20088f8e6a28",
                        "fromProperty": "text",
                        "toId": "e0da41bf-d37c-50f7-8f58-a459e7ed4b2d",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "3dad0a14-7149-5413-5db2-3b60f9b7cd47",
                        "fromProperty": "selected",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter on ratings"
                    },
                    {
                        "fromId": "684e04e7-18e0-e46f-aaac-3146248e4412",
                        "fromProperty": "rating",
                        "toId": "0f790e23-6ce2-b93e-8b67-8ca6ca4959bd",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "df1afb51-2ea4-80a7-f778-edbd60a341b5",
                        "fromProperty": "savedValue",
                        "toId": "0f790e23-6ce2-b93e-8b67-8ca6ca4959bd",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "a6ea9fc3-f7d5-5165-de9b-7e5f4f83e224",
                        "fromProperty": "selected",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter on price"
                    },
                    {
                        "fromId": "ee8875da-b794-7aed-25c4-9942702816f7",
                        "fromProperty": "price",
                        "toId": "a6ea9fc3-f7d5-5165-de9b-7e5f4f83e224",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e0da41bf-d37c-50f7-8f58-a459e7ed4b2d",
                        "fromProperty": "selected",
                        "toId": "fa848451-5cf6-12cd-28fb-e6e1c45c1f20",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "3dad0a14-7149-5413-5db2-3b60f9b7cd47",
                        "fromProperty": "selected",
                        "toId": "504c0dcb-a55b-897e-fbcd-a68739c2bdab",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a6ea9fc3-f7d5-5165-de9b-7e5f4f83e224",
                        "fromProperty": "selected",
                        "toId": "e32bfd32-1a53-31db-8a41-243435ee2722",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "fa848451-5cf6-12cd-28fb-e6e1c45c1f20",
                        "fromProperty": "valueChanged",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter changed"
                    },
                    {
                        "fromId": "504c0dcb-a55b-897e-fbcd-a68739c2bdab",
                        "fromProperty": "valueChanged",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter changed"
                    },
                    {
                        "fromId": "e32bfd32-1a53-31db-8a41-243435ee2722",
                        "fromProperty": "valueChanged",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter changed"
                    },
                    {
                        "fromId": "e0da41bf-d37c-50f7-8f58-a459e7ed4b2d",
                        "fromProperty": "selected",
                        "toId": "20f2f7ba-9e1f-d370-3975-ba7e77a39655",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "20f2f7ba-9e1f-d370-3975-ba7e77a39655",
                        "fromProperty": "result",
                        "toId": "10432b5d-aa92-8e66-ba0f-33940fcdf4c3",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e0da41bf-d37c-50f7-8f58-a459e7ed4b2d",
                        "fromProperty": "selected",
                        "toId": "5c04b4fd-bffb-7c96-8a8a-546d20773d6c",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "10432b5d-aa92-8e66-ba0f-33940fcdf4c3",
                        "fromProperty": "selected",
                        "toId": "80c24240-4006-a8cd-e320-7540648defea",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "80c24240-4006-a8cd-e320-7540648defea",
                        "fromProperty": "valueChanged",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter changed"
                    },
                    {
                        "fromId": "10432b5d-aa92-8e66-ba0f-33940fcdf4c3",
                        "fromProperty": "selected",
                        "toId": "a98995fa-f787-291d-727c-c573ba052c17",
                        "toProperty": "filter on pickup"
                    },
                    {
                        "fromId": "0f790e23-6ce2-b93e-8b67-8ca6ca4959bd",
                        "fromProperty": "formatted",
                        "toId": "c577d199-c91f-58c5-cffd-60887fa15c81",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "684e04e7-18e0-e46f-aaac-3146248e4412",
                        "fromProperty": "rating",
                        "toId": "bb1c919f-6093-d0c1-e726-c159cdcfef29",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "bb1c919f-6093-d0c1-e726-c159cdcfef29",
                        "fromProperty": "result",
                        "toId": "c577d199-c91f-58c5-cffd-60887fa15c81",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "c577d199-c91f-58c5-cffd-60887fa15c81",
                        "fromProperty": "currentValue",
                        "toId": "3dad0a14-7149-5413-5db2-3b60f9b7cd47",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "8edf8687-4f0f-e33c-bdc5-79f70bfabe04",
                        "type": "Group",
                        "x": 466,
                        "y": 307,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "flexDirection": "row",
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e0da41bf-d37c-50f7-8f58-a459e7ed4b2d",
                                "type": "/UI Components/Pill",
                                "label": "Filter time",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "left icon": "icons/clock.svg",
                                    "text": "1 hour",
                                    "left_icon_selected": "icons/clock-selected.svg",
                                    "default text": "Need it fast"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "10432b5d-aa92-8e66-ba0f-33940fcdf4c3",
                                "type": "/UI Components/Pill",
                                "label": "Pickup",
                                "x": 20,
                                "y": 163,
                                "parameters": {
                                    "text": "Pickup",
                                    "text default": "Pickup",
                                    "default text": "Pickup",
                                    "show dropdown icon": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "3dad0a14-7149-5413-5db2-3b60f9b7cd47",
                                "type": "/UI Components/Pill",
                                "label": "Filter ratings",
                                "x": 20,
                                "y": 280,
                                "parameters": {
                                    "text": "3 stars",
                                    "left_icon_selected": "icons/icon_star_white.svg",
                                    "left icon": "icons/icon_star_black.svg",
                                    "default text": "Ratings"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a6ea9fc3-f7d5-5165-de9b-7e5f4f83e224",
                                "type": "/UI Components/Pill",
                                "label": "Filter time",
                                "x": 20,
                                "y": 377,
                                "parameters": {
                                    "text": "$-$$$",
                                    "text default": "$-$$$",
                                    "default text": "$-$$$"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "a98995fa-f787-291d-727c-c573ba052c17",
                        "type": "Component Outputs",
                        "x": 1010.8330746386443,
                        "y": 375.3084083547932,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "filter on time",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "filter on ratings",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "filter on price",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "filter changed",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "filter on pickup",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d44c6d92-1e4a-5d48-1c4b-20088f8e6a28",
                        "type": "Event Receiver",
                        "x": 175,
                        "y": 184.5,
                        "parameters": {
                            "channelName": "Time filter on"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "684e04e7-18e0-e46f-aaac-3146248e4412",
                        "type": "Event Receiver",
                        "x": -122,
                        "y": 234.5,
                        "parameters": {
                            "channelName": "ratings filter on"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0f790e23-6ce2-b93e-8b67-8ca6ca4959bd",
                        "type": "String Format",
                        "x": 205,
                        "y": 319.5,
                        "parameters": {
                            "format": "Over {rating}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "rating",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "df1afb51-2ea4-80a7-f778-edbd60a341b5",
                        "type": "Number",
                        "label": "default",
                        "x": -124,
                        "y": 373.5,
                        "parameters": {
                            "value": 3
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ee8875da-b794-7aed-25c4-9942702816f7",
                        "type": "Event Receiver",
                        "x": 106,
                        "y": 653.5,
                        "parameters": {
                            "channelName": "price filter on"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fa848451-5cf6-12cd-28fb-e6e1c45c1f20",
                        "type": "Value Changed",
                        "x": 754.2757974100269,
                        "y": 395.4598402711889,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "504c0dcb-a55b-897e-fbcd-a68739c2bdab",
                        "type": "Value Changed",
                        "x": 758.2570425329835,
                        "y": 646.7173743548144,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e32bfd32-1a53-31db-8a41-243435ee2722",
                        "type": "Value Changed",
                        "x": 757.6870149474582,
                        "y": 761.552884688003,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "20f2f7ba-9e1f-d370-3975-ba7e77a39655",
                        "type": "Inverter",
                        "x": 756.6297419584155,
                        "y": 228.54446177690252,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "80c24240-4006-a8cd-e320-7540648defea",
                        "type": "Value Changed",
                        "x": 757.3486239742303,
                        "y": 535.1467171063691,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5c04b4fd-bffb-7c96-8a8a-546d20773d6c",
                        "type": "/UI Components/Pill",
                        "label": "Filter time",
                        "x": 485,
                        "y": 818,
                        "parameters": {
                            "text": "Size",
                            "default text": "Size"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c577d199-c91f-58c5-cffd-60887fa15c81",
                        "type": "String Selector",
                        "x": 213.19471503551983,
                        "y": 479.6330528116978,
                        "parameters": {
                            "input 1": "5"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bb1c919f-6093-d0c1-e726-c159cdcfef29",
                        "type": "Expression",
                        "x": -35.805284964480165,
                        "y": 537.6330528116978,
                        "parameters": {
                            "expression": "rating === 5"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "rating",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Pill",
            "graph": {
                "connections": [
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "color",
                        "toId": "a91a29c3-5802-fcab-9eb5-e6cf1b7b0fad",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "a91a29c3-5802-fcab-9eb5-e6cf1b7b0fad",
                        "fromProperty": "result",
                        "toId": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "left icon",
                        "toId": "8693c9ca-5b3e-f395-c5d1-cb2c824c0c22",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "text",
                        "toId": "b5d85044-c065-ae41-6809-0bcb3c887228",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "right icon",
                        "toId": "cc8de06f-2568-554e-9e90-8ced9d1559bb",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "fromProperty": "onClick",
                        "toId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "68ad41e2-f273-199a-5e2c-a5145f785ff6",
                        "fromProperty": "result",
                        "toId": "b5d85044-c065-ae41-6809-0bcb3c887228",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "color text",
                        "toId": "68ad41e2-f273-199a-5e2c-a5145f785ff6",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "left_icon_selected",
                        "toId": "8cb4a9e6-5d99-7e79-6b64-2c3afb4b77a8",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "right_icon_selected",
                        "toId": "8b85984f-ba43-e1ad-2343-87e1db47f6c5",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-default",
                        "toId": "8693c9ca-5b3e-f395-c5d1-cb2c824c0c22",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-default",
                        "toId": "cc8de06f-2568-554e-9e90-8ced9d1559bb",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "8cb4a9e6-5d99-7e79-6b64-2c3afb4b77a8",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "8b85984f-ba43-e1ad-2343-87e1db47f6c5",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "157191b5-818b-b4a8-085e-52ecc545d0f7",
                        "toProperty": "selected"
                    }
                ],
                "roots": [
                    {
                        "id": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "type": "Group",
                        "label": "Pill",
                        "x": 596.9953215955329,
                        "y": 221.59439112894165,
                        "parameters": {
                            "sizeMode": "contentSize",
                            "borderRadius": 20,
                            "paddingTop": {
                                "value": 3,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 3,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "marginRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "transformScale": 1
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "8693c9ca-5b3e-f395-c5d1-cb2c824c0c22",
                                "type": "Image",
                                "x": 20,
                                "y": 117,
                                "parameters": {
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8cb4a9e6-5d99-7e79-6b64-2c3afb4b77a8",
                                "type": "Image",
                                "x": 20,
                                "y": 199,
                                "parameters": {
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b5d85044-c065-ae41-6809-0bcb3c887228",
                                "type": "Text",
                                "x": 20,
                                "y": 281,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "sizeMode": "contentSize",
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 5,
                                        "unit": "px"
                                    },
                                    "fontSize": {
                                        "value": 14,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "cc8de06f-2568-554e-9e90-8ced9d1559bb",
                                "type": "Image",
                                "x": 20,
                                "y": 363,
                                "parameters": {
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 5,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8b85984f-ba43-e1ad-2343-87e1db47f6c5",
                                "type": "Image",
                                "x": 20,
                                "y": 445,
                                "parameters": {
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 5,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "type": "States",
                        "x": 298,
                        "y": 221.62244851998844,
                        "parameters": {
                            "states": "default,selected",
                            "values": "color,color text",
                            "value-default-color": 0,
                            "value-selected-color": 1,
                            "value-default-color text": 1,
                            "value-selected-color text": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "color",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "color text",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-color",
                                "displayName": "color",
                                "editorName": "default|color",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-color text",
                                "displayName": "color text",
                                "editorName": "default|color text",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-color",
                                "displayName": "color",
                                "editorName": "selected|color",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-color text",
                                "displayName": "color text",
                                "editorName": "selected|color text",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "selected Transition",
                                "name": "transition-selected",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "selected Transition",
                                "name": "duration-selected",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To selected",
                                "name": "to-selected",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At selected",
                                "name": "at-selected",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached selected",
                                "name": "reached-selected",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a91a29c3-5802-fcab-9eb5-e6cf1b7b0fad",
                        "type": "Color Blend",
                        "x": 309.1170068640016,
                        "y": 376.78469337198726,
                        "parameters": {
                            "color 0": "#F0F2F7",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c1026d71-01e2-e6d9-407f-893261512825",
                        "type": "Component Inputs",
                        "x": 929.2760172139195,
                        "y": 431.98588218594546,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "leading icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "left icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "right icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "text",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "left_icon_selected",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "right_icon_selected",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "68ad41e2-f273-199a-5e2c-a5145f785ff6",
                        "type": "Color Blend",
                        "x": 310.7659862719969,
                        "y": 501.3431968039881,
                        "parameters": {
                            "color 0": "#F0F2F7",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "157191b5-818b-b4a8-085e-52ecc545d0f7",
                        "type": "Component Outputs",
                        "x": 901.8564622479914,
                        "y": 229.8127540219728,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "selected",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Cart/Cart Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "79608d10-35b5-7a86-93c8-8afd73b60e7c",
                        "fromProperty": "Show",
                        "toId": "744af050-e6b8-63ff-dfd1-b1284178681d",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "79608d10-35b5-7a86-93c8-8afd73b60e7c",
                        "fromProperty": "To Right",
                        "toId": "744af050-e6b8-63ff-dfd1-b1284178681d",
                        "toProperty": "To Right"
                    },
                    {
                        "fromId": "1409cc66-e15d-695c-6337-4e4594e9bbdd",
                        "fromProperty": "Click",
                        "toId": "744af050-e6b8-63ff-dfd1-b1284178681d",
                        "toProperty": "To Left"
                    },
                    {
                        "fromId": "1409cc66-e15d-695c-6337-4e4594e9bbdd",
                        "fromProperty": "Click",
                        "toId": "48f15aa5-22b3-8515-1625-e2592cffffed",
                        "toProperty": "To Checkout"
                    },
                    {
                        "fromId": "b83875c2-a3e7-43ee-09d2-59a46aff22f3",
                        "fromProperty": "items",
                        "toId": "7de26cc6-8dbe-634b-d79b-fdcce94e2ac9",
                        "toProperty": "cart"
                    },
                    {
                        "fromId": "b1a5ee45-b6d5-74c0-c4b7-c01289777687",
                        "fromProperty": "items",
                        "toId": "7de26cc6-8dbe-634b-d79b-fdcce94e2ac9",
                        "toProperty": "shipping"
                    },
                    {
                        "fromId": "bec0c43e-1148-8dcf-79dd-03197ae5d736",
                        "fromProperty": "items",
                        "toId": "7de26cc6-8dbe-634b-d79b-fdcce94e2ac9",
                        "toProperty": "delivery"
                    },
                    {
                        "fromId": "bec0c43e-1148-8dcf-79dd-03197ae5d736",
                        "fromProperty": "count",
                        "toId": "c9631026-c974-deb2-c5c8-f1b55941c4b8",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "b1a5ee45-b6d5-74c0-c4b7-c01289777687",
                        "fromProperty": "count",
                        "toId": "89ce501a-b56b-6087-3e5d-769f13338aa8",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "c9631026-c974-deb2-c5c8-f1b55941c4b8",
                        "fromProperty": "result",
                        "toId": "b7640d30-bf35-568e-7da2-7333c9066703",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "89ce501a-b56b-6087-3e5d-769f13338aa8",
                        "fromProperty": "result",
                        "toId": "6e97bfc3-4b9a-c149-6eb7-aad412a38859",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "530207c8-2c2c-1a7b-758c-ddb6e0b3bdcb",
                        "fromProperty": "result",
                        "toId": "966de8a0-00c4-7029-d1b6-a2995dc505d5",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "89ce501a-b56b-6087-3e5d-769f13338aa8",
                        "fromProperty": "result",
                        "toId": "37237403-269a-2642-8d6e-4639cafed2b9",
                        "toProperty": "isShipToHomeCard"
                    },
                    {
                        "fromId": "79608d10-35b5-7a86-93c8-8afd73b60e7c",
                        "fromProperty": "Show",
                        "toId": "7de26cc6-8dbe-634b-d79b-fdcce94e2ac9",
                        "toProperty": "refreshDeliveryAndShipping"
                    },
                    {
                        "fromId": "d32865d0-e609-4d47-648e-592d8aa9de96",
                        "fromProperty": "eventReceived",
                        "toId": "7de26cc6-8dbe-634b-d79b-fdcce94e2ac9",
                        "toProperty": "refreshDeliveryAndShipping"
                    },
                    {
                        "fromId": "210dfd25-4687-6a21-5454-2242f6453d76",
                        "fromProperty": "deliveryDate",
                        "toId": "7e76258b-ea5d-ee9c-ba6f-26d7feb10010",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "210dfd25-4687-6a21-5454-2242f6453d76",
                        "fromProperty": "deliverySlot",
                        "toId": "7e76258b-ea5d-ee9c-ba6f-26d7feb10010",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "210dfd25-4687-6a21-5454-2242f6453d76",
                        "fromProperty": "deliveryType",
                        "toId": "32f87cdf-8802-3fcc-435d-630976308665",
                        "toProperty": "Delivery Type"
                    },
                    {
                        "fromId": "210dfd25-4687-6a21-5454-2242f6453d76",
                        "fromProperty": "shippingDate",
                        "toId": "25d71a52-5865-84b7-3782-0834a587f214",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "32f87cdf-8802-3fcc-435d-630976308665",
                        "fromProperty": "Long Label",
                        "toId": "ee41d296-671a-b4c7-fd55-22b40a94a0fb",
                        "toProperty": "delivery"
                    },
                    {
                        "fromId": "8b0ec378-8f61-9412-b15c-c6549ded3d3c",
                        "fromProperty": "String",
                        "toId": "3b613c44-39b8-a139-b81d-b56e2e649242",
                        "toProperty": "Arrival Label"
                    },
                    {
                        "fromId": "7e76258b-ea5d-ee9c-ba6f-26d7feb10010",
                        "fromProperty": "Day And Time",
                        "toId": "8b0ec378-8f61-9412-b15c-c6549ded3d3c",
                        "toProperty": "Has Selection Label"
                    },
                    {
                        "fromId": "25d71a52-5865-84b7-3782-0834a587f214",
                        "fromProperty": "Day And Time",
                        "toId": "43c6e046-8492-b995-0145-8927ed7d6d3b",
                        "toProperty": "Has Selection Label"
                    },
                    {
                        "fromId": "43c6e046-8492-b995-0145-8927ed7d6d3b",
                        "fromProperty": "String",
                        "toId": "37237403-269a-2642-8d6e-4639cafed2b9",
                        "toProperty": "Arrival Label"
                    },
                    {
                        "fromId": "ee41d296-671a-b4c7-fd55-22b40a94a0fb",
                        "fromProperty": "formatted",
                        "toId": "412f46b5-1797-54d7-122d-7209a1f06181",
                        "toProperty": "Has Selection Label"
                    },
                    {
                        "fromId": "412f46b5-1797-54d7-122d-7209a1f06181",
                        "fromProperty": "String",
                        "toId": "3b613c44-39b8-a139-b81d-b56e2e649242",
                        "toProperty": "Title"
                    },
                    {
                        "fromId": "5b44231f-8067-01ce-764a-79bc14dc5af2",
                        "fromProperty": "String",
                        "toId": "37237403-269a-2642-8d6e-4639cafed2b9",
                        "toProperty": "Title"
                    },
                    {
                        "fromId": "335b3efc-c5de-7974-2f55-6f352aae62a7",
                        "fromProperty": "Is Running Fullscreen",
                        "toId": "77dc8c17-6232-d5e6-b3aa-edbbf841eac6",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "77dc8c17-6232-d5e6-b3aa-edbbf841eac6",
                        "fromProperty": "result",
                        "toId": "7772f0c4-64e8-5b67-3360-9258f1f47c47",
                        "toProperty": "paddingBottom"
                    },
                    {
                        "fromId": "79608d10-35b5-7a86-93c8-8afd73b60e7c",
                        "fromProperty": "Show",
                        "toId": "cfb773b5-8da1-0db0-82d8-f58692136bc2",
                        "toProperty": "doLog"
                    },
                    {
                        "fromId": "b1a5ee45-b6d5-74c0-c4b7-c01289777687",
                        "fromProperty": "items",
                        "toId": "cfb773b5-8da1-0db0-82d8-f58692136bc2",
                        "toProperty": "data0"
                    },
                    {
                        "fromId": "b1a5ee45-b6d5-74c0-c4b7-c01289777687",
                        "fromProperty": "items",
                        "toId": "def7460d-75b0-aee2-4932-cff0e5b37df9",
                        "toProperty": "data0"
                    },
                    {
                        "fromId": "1409cc66-e15d-695c-6337-4e4594e9bbdd",
                        "fromProperty": "Click",
                        "toId": "def7460d-75b0-aee2-4932-cff0e5b37df9",
                        "toProperty": "doLog"
                    },
                    {
                        "fromId": "bec0c43e-1148-8dcf-79dd-03197ae5d736",
                        "fromProperty": "items",
                        "toId": "cfb773b5-8da1-0db0-82d8-f58692136bc2",
                        "toProperty": "data1"
                    },
                    {
                        "fromId": "b1a5ee45-b6d5-74c0-c4b7-c01289777687",
                        "fromProperty": "items",
                        "toId": "def7460d-75b0-aee2-4932-cff0e5b37df9",
                        "toProperty": "data1"
                    },
                    {
                        "fromId": "c9631026-c974-deb2-c5c8-f1b55941c4b8",
                        "fromProperty": "result",
                        "toId": "530207c8-2c2c-1a7b-758c-ddb6e0b3bdcb",
                        "toProperty": "a"
                    },
                    {
                        "fromId": "89ce501a-b56b-6087-3e5d-769f13338aa8",
                        "fromProperty": "result",
                        "toId": "530207c8-2c2c-1a7b-758c-ddb6e0b3bdcb",
                        "toProperty": "b"
                    },
                    {
                        "fromId": "bec0c43e-1148-8dcf-79dd-03197ae5d736",
                        "fromProperty": "count",
                        "toId": "cc63e2b9-ee7b-2935-4748-678d1391426c",
                        "toProperty": "deliveryCount"
                    },
                    {
                        "fromId": "b1a5ee45-b6d5-74c0-c4b7-c01289777687",
                        "fromProperty": "count",
                        "toId": "cc63e2b9-ee7b-2935-4748-678d1391426c",
                        "toProperty": "shippingCount"
                    },
                    {
                        "fromId": "faa6eef2-ce97-2d5c-0a0c-0c7f80942077",
                        "fromProperty": "hasSelection",
                        "toId": "cc63e2b9-ee7b-2935-4748-678d1391426c",
                        "toProperty": "hasSelection"
                    },
                    {
                        "fromId": "cc63e2b9-ee7b-2935-4748-678d1391426c",
                        "fromProperty": "result",
                        "toId": "1409cc66-e15d-695c-6337-4e4594e9bbdd",
                        "toProperty": "Enabled"
                    }
                ],
                "roots": [
                    {
                        "id": "744af050-e6b8-63ff-dfd1-b1284178681d",
                        "type": "/UI Components/Page",
                        "x": 230.03858578465213,
                        "y": 162.72083462680678,
                        "parameters": {
                            "Start Visible": true,
                            "Clip": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "24f2058c-4e4e-b104-d82a-4228b12a9591",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "backgroundColor": "#FAFAFA",
                                    "sizeMode": "explicit",
                                    "clip": true,
                                    "scrollDirection": "y",
                                    "scrollBehavior": "noodl"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "966de8a0-00c4-7029-d1b6-a2995dc505d5",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 102,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "58af531e-f9cf-4948-6c08-094448c826c0",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "text": "Your cart is empty",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "textAlign": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "b7640d30-bf35-568e-7da2-7333c9066703",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3b613c44-39b8-a139-b81d-b56e2e649242",
                                                "type": "/Cart/Cart Card",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "Category": "Household",
                                                    "Arrives": "Get it within 1 hour",
                                                    "Cart Id": "predelivery"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "6e97bfc3-4b9a-c149-6eb7-aad412a38859",
                                        "type": "Group",
                                        "x": 289.755088710341,
                                        "y": 735.6190855200972,
                                        "parameters": {
                                            "sizeMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "37237403-269a-2642-8d6e-4639cafed2b9",
                                                "type": "/Cart/Cart Card",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "Title": "Ship to home, arrives by",
                                                    "Category": "Furniture",
                                                    "Cart Id": "preshipping"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "f783b172-f117-9c8b-8cae-1ece141edce9",
                                        "type": "/UI Components/Design System/Divider",
                                        "x": 20,
                                        "y": 562,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "69173599-e35b-6884-5579-41bb706957a7",
                                        "type": "Group",
                                        "label": "TOTALS",
                                        "x": 270.0385857846521,
                                        "y": 618,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 5,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "267c9551-ff2a-87f0-681d-fa77258b2a39",
                                                "type": "/UI Components/Order Totals Table",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "delivery": false,
                                                    "Order Id": "order_in_progress"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "7daa6524-cff5-6218-0880-45e09675413b",
                                        "type": "Group",
                                        "label": "SURPRISE",
                                        "x": 270.0385857846521,
                                        "y": 781,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "dd2ffe9c-d225-693a-9e8f-96ce1bbf7c2f",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "srcSet": "images/surprise.png 1x, images/surprise@2x.png 2x, images/surprise@3x.png 3x",
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "71f0eb0e-690f-7b67-674c-cc1f103da746",
                                        "type": "Group",
                                        "label": "SAVED FOR LATER",
                                        "x": 20,
                                        "y": 914,
                                        "parameters": {
                                            "paddingLeft": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#FFFFFF"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d5178114-9a83-1104-7a34-48d892ab9873",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "paddingLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowOffsetY": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowOffsetX": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowSpreadRadius": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowBlurRadius": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowInset": false,
                                                    "boxShadowColor": "rgba(0,0,0,0.05)",
                                                    "backgroundColor": "#FFFFFF"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "465a9f5c-7183-e8e3-0884-e336fa8b9174",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "srcSet": "images/saved.png 1x, images/saved@2x.png 2x, images/saved@3x.png 3x",
                                                            "alignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "0923df63-43e2-2567-1284-967ca9bef95b",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 918,
                                        "parameters": {
                                            "sizeMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "7772f0c4-64e8-5b67-3360-9258f1f47c47",
                                "type": "Group",
                                "x": 20,
                                "y": 1143,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "backgroundColor": "#FAFAFA",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "dd53791e-d56e-7d9d-e0ea-1d4a69833bb6",
                                        "type": "/Components/Divider",
                                        "x": 292.345374860407,
                                        "y": 1380.8872916273929,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "1409cc66-e15d-695c-6337-4e4594e9bbdd",
                                        "type": "/UI Components/Design System/Button",
                                        "x": 20,
                                        "y": 128,
                                        "parameters": {
                                            "Title": "Continue to checkout",
                                            "Margin Top": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "Margin Left": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "Margin Right": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "79608d10-35b5-7a86-93c8-8afd73b60e7c",
                        "type": "Component Inputs",
                        "x": -146.86259310218958,
                        "y": 165.5782174360869,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bec0c43e-1148-8dcf-79dd-03197ae5d736",
                        "type": "Collection",
                        "x": -396.5945146699618,
                        "y": 124.42823613592594,
                        "parameters": {
                            "collectionId": "predelivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "48f15aa5-22b3-8515-1625-e2592cffffed",
                        "type": "Component Outputs",
                        "x": -48.591991562371106,
                        "y": 1536.0633058935398,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Checkout",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d32865d0-e609-4d47-648e-592d8aa9de96",
                        "type": "Event Receiver",
                        "x": -696.5915818811314,
                        "y": 552.9689792907184,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b1a5ee45-b6d5-74c0-c4b7-c01289777687",
                        "type": "Collection",
                        "x": -403.3363401505303,
                        "y": 255.05749522391363,
                        "parameters": {
                            "collectionId": "preshipping"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7de26cc6-8dbe-634b-d79b-fdcce94e2ac9",
                        "type": "Javascript2",
                        "label": "Subset deliveries",
                        "x": -404.4223768168319,
                        "y": 378.4585774510671,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n        cart: 'collection',\n        delivery: 'collection',\n\t    shipping: 'collection',\n\t    refreshDeliveryAndShipping: 'signal'\n\t},\n\t\n\toutputs:{\n\t},\n\tsetup: function(inputs, outputs) {\n\t},\n\trefreshDeliveryAndShipping:function(inputs,outputs) {\n\t    \n        const productsDelivery = [];\n        const productsShipping = [];\n        \n        for (i =0; i < inputs.cart.size(); i++) {\n            let cartEntry = inputs.cart.get(i);\n            let productData = window.wallyProducts.find(product => product.itemId === cartEntry.get(\"itemId\"));\n            \n            if(productData) {\n                if (productData.distributionSource === \"store\"){\n                    productsDelivery.push(inputs.cart.items[i]);\n                }else{\n                    productsShipping.push(inputs.cart.items[i]);\n                }\n            } else {\n                console.log(\"Could not find data for product \" + cartEntry.get(\"itemId\"));\n            }\n        }\n        \n        inputs.delivery.set(productsDelivery);\n        inputs.shipping.set(productsShipping);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "cart",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "delivery",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "shipping",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "refreshDeliveryAndShipping",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b83875c2-a3e7-43ee-09d2-59a46aff22f3",
                        "type": "Collection",
                        "x": -692.8225878831034,
                        "y": 402.8396769232679,
                        "parameters": {
                            "collectionId": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "89ce501a-b56b-6087-3e5d-769f13338aa8",
                        "type": "Expression",
                        "x": -161.907597632788,
                        "y": 430.3253294475353,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c9631026-c974-deb2-c5c8-f1b55941c4b8",
                        "type": "Expression",
                        "x": -154.60641031522812,
                        "y": 299.0229147435461,
                        "parameters": {
                            "expression": "c > 0 "
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "530207c8-2c2c-1a7b-758c-ddb6e0b3bdcb",
                        "type": "Expression",
                        "label": "Both empty",
                        "x": 38.58781204283241,
                        "y": 314.622051611699,
                        "parameters": {
                            "expression": "(!a && !b)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "a",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "b",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "hasSelection",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "210dfd25-4687-6a21-5454-2242f6453d76",
                        "type": "Model",
                        "x": 1334.093534509474,
                        "y": 660.0682584670773,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7e76258b-ea5d-ee9c-ba6f-26d7feb10010",
                        "type": "/Components/Get Time Label",
                        "x": 1325.2651329114678,
                        "y": 510.4973419611241,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "32f87cdf-8802-3fcc-435d-630976308665",
                        "type": "/Components/Delivery Type To Label",
                        "x": 1042.66261525982,
                        "y": 623.4819679757379,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "25d71a52-5865-84b7-3782-0834a587f214",
                        "type": "/Components/Get Time Label",
                        "x": 824.6984996978224,
                        "y": 770.2744851357418,
                        "parameters": {
                            "Use Long Day Format": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ee41d296-671a-b4c7-fd55-22b40a94a0fb",
                        "type": "String Format",
                        "x": 838.09785448648,
                        "y": 624.006286462602,
                        "parameters": {
                            "format": "{delivery}, arrives by"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "delivery",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8b0ec378-8f61-9412-b15c-c6549ded3d3c",
                        "type": "/Components/Delivery Option Null State Text",
                        "x": 703.2101020379678,
                        "y": 463.13595730747375,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "43c6e046-8492-b995-0145-8927ed7d6d3b",
                        "type": "/Components/Delivery Option Null State Text",
                        "x": 625.2101020379678,
                        "y": 779.1359573074737,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "412f46b5-1797-54d7-122d-7209a1f06181",
                        "type": "/Components/Delivery Option Null State Text",
                        "x": 642.2101020379678,
                        "y": 618.1359573074737,
                        "parameters": {
                            "No Selection Label": "Get it from Walmart Oceanside"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5b44231f-8067-01ce-764a-79bc14dc5af2",
                        "type": "/Components/Delivery Option Null State Text",
                        "x": 594.2101020379678,
                        "y": 1041.1359573074737,
                        "parameters": {
                            "Has Selection Label": "Ship to home, arrives by",
                            "No Selection Label": "Ship to home"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "335b3efc-c5de-7974-2f55-6f352aae62a7",
                        "type": "/Components/Running iOS Fullscreen",
                        "x": 717.5385857846521,
                        "y": 1374.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "77dc8c17-6232-d5e6-b3aa-edbbf841eac6",
                        "type": "Number Blend",
                        "x": 517.1539034939675,
                        "y": 1358.922976563973,
                        "parameters": {
                            "input 0": 10,
                            "input 1": 25
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cfb773b5-8da1-0db0-82d8-f58692136bc2",
                        "type": "/SessionData/Page event",
                        "x": 490.4223684273833,
                        "y": -48.24768347019324,
                        "parameters": {
                            "action": "cart_show",
                            "pageId": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "def7460d-75b0-aee2-4932-cff0e5b37df9",
                        "type": "/SessionData/Page event",
                        "x": 511.211851824071,
                        "y": 126.94618568019777,
                        "parameters": {
                            "action": "cart_checkout",
                            "pageId": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "faa6eef2-ce97-2d5c-0a0c-0c7f80942077",
                        "type": "Model",
                        "x": -419.47044590690405,
                        "y": 775.5878966743093,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,hasSelection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cc63e2b9-ee7b-2935-4748-678d1391426c",
                        "type": "Expression",
                        "x": -185.47044590690405,
                        "y": 735.5878966743093,
                        "parameters": {
                            "expression": "(deliveryCount > 0 && hasSelection === true) || (deliveryCount === 0 && shippingCount > 0)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "deliveryCount",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "hasSelection",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "shippingCount",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Cart/Cart Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "dd15c259-d72a-69c8-e554-a839527bfaf8",
                        "fromProperty": "items",
                        "toId": "3fa9e211-f62c-0bd0-e215-14751d4723ad",
                        "toProperty": "cartItems"
                    },
                    {
                        "fromId": "45d14d43-6c62-8f87-dfd5-7b3c7ee978b1",
                        "fromProperty": "actionTriggered",
                        "toId": "3fa9e211-f62c-0bd0-e215-14751d4723ad",
                        "toProperty": "updateTotals"
                    },
                    {
                        "fromId": "d42605a2-d83d-8641-155a-7cf522ce78ae",
                        "fromProperty": "onClick",
                        "toId": "d7e1c211-39ba-1141-f069-e989ea0f7647",
                        "toProperty": "clicked"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "isShipToHomeCard",
                        "toId": "d7e1c211-39ba-1141-f069-e989ea0f7647",
                        "toProperty": "shipToHome"
                    },
                    {
                        "fromId": "d7e1c211-39ba-1141-f069-e989ea0f7647",
                        "fromProperty": "result",
                        "toId": "657fe640-d702-a40a-b36a-abc8a3b62e25",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "40254f43-9450-c55b-54a2-75c5f354c2f6",
                        "fromProperty": "didMount",
                        "toId": "3fa9e211-f62c-0bd0-e215-14751d4723ad",
                        "toProperty": "updateTotals"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "Cart Id",
                        "toId": "dd15c259-d72a-69c8-e554-a839527bfaf8",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "bfe165d1-1f2f-399c-56b1-8ae30ee2c93c",
                        "fromProperty": "eventReceived",
                        "toId": "3bf6d17d-501d-29cd-8502-38eb1fbc63f4",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "3bf6d17d-501d-29cd-8502-38eb1fbc63f4",
                        "fromProperty": "result",
                        "toId": "a517f6bd-8f54-8401-ec6b-9e8178393ea3",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "Mounted",
                        "toId": "1c23f898-9139-21a8-1a77-102a350b6621",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "1c23f898-9139-21a8-1a77-102a350b6621",
                        "fromProperty": "savedValue",
                        "toId": "40254f43-9450-c55b-54a2-75c5f354c2f6",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "1c23f898-9139-21a8-1a77-102a350b6621",
                        "fromProperty": "savedValue",
                        "toId": "a517f6bd-8f54-8401-ec6b-9e8178393ea3",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "1c23f898-9139-21a8-1a77-102a350b6621",
                        "fromProperty": "savedValue",
                        "toId": "3bf6d17d-501d-29cd-8502-38eb1fbc63f4",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "886500ac-1b2c-023e-6d34-d6a9776c03e3",
                        "fromProperty": "items",
                        "toId": "a517f6bd-8f54-8401-ec6b-9e8178393ea3",
                        "toProperty": "categories"
                    },
                    {
                        "fromId": "dd15c259-d72a-69c8-e554-a839527bfaf8",
                        "fromProperty": "items",
                        "toId": "a517f6bd-8f54-8401-ec6b-9e8178393ea3",
                        "toProperty": "cart"
                    },
                    {
                        "fromId": "886500ac-1b2c-023e-6d34-d6a9776c03e3",
                        "fromProperty": "items",
                        "toId": "b9b8b447-94f7-607e-b1e5-99302a9924c6",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "Cart Id",
                        "toId": "e9b6a96d-7caf-2913-353b-3a168aa39491",
                        "toProperty": "cartId"
                    },
                    {
                        "fromId": "e9b6a96d-7caf-2913-353b-3a168aa39491",
                        "fromProperty": "formatted",
                        "toId": "886500ac-1b2c-023e-6d34-d6a9776c03e3",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "45d14d43-6c62-8f87-dfd5-7b3c7ee978b1",
                        "fromProperty": "actionTriggered",
                        "toId": "a517f6bd-8f54-8401-ec6b-9e8178393ea3",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "fromProperty": "at-Expanded No Collapse",
                        "toId": "87dab970-865a-9f3f-d7d9-60cccd461a73",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "87dab970-865a-9f3f-d7d9-60cccd461a73",
                        "fromProperty": "result",
                        "toId": "c9bf0c17-197c-19f8-8814-3ce4d84917d5",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "Cart Id",
                        "toId": "b7b1cfc6-666d-5f40-5efd-a47de958a8d6",
                        "toProperty": "Collection Id"
                    },
                    {
                        "fromId": "ec3bc6bf-4d6d-4c55-79df-64c94b88c20c",
                        "fromProperty": "boundingHeight",
                        "toId": "1162db63-096d-e5ee-46be-c310562fcb3a",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "3a6a4653-9cbc-9083-8e7e-fcf5d70461d8",
                        "fromProperty": "boundingHeight",
                        "toId": "1162db63-096d-e5ee-46be-c310562fcb3a",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "1162db63-096d-e5ee-46be-c310562fcb3a",
                        "fromProperty": "result",
                        "toId": "416ddca0-868b-2754-a66c-a498b54627fe",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "fromProperty": "Height Blend",
                        "toId": "1162db63-096d-e5ee-46be-c310562fcb3a",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "fromProperty": "Expanded Opacity",
                        "toId": "ec3bc6bf-4d6d-4c55-79df-64c94b88c20c",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "fromProperty": "Collapsed Opacity",
                        "toId": "3a6a4653-9cbc-9083-8e7e-fcf5d70461d8",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "Title",
                        "toId": "827590cc-55e3-19df-4397-51da25959f0c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "Arrival Label",
                        "toId": "3acd4a63-75c7-a697-27a8-81370c37b96a",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "dd15c259-d72a-69c8-e554-a839527bfaf8",
                        "fromProperty": "count",
                        "toId": "01f52808-fc84-346b-ccb5-a66f7cd68e29",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "01f52808-fc84-346b-ccb5-a66f7cd68e29",
                        "fromProperty": "result",
                        "toId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "toProperty": "to-Expanded No Collapse"
                    },
                    {
                        "fromId": "40254f43-9450-c55b-54a2-75c5f354c2f6",
                        "fromProperty": "didMount",
                        "toId": "01f52808-fc84-346b-ccb5-a66f7cd68e29",
                        "toProperty": "didMount"
                    },
                    {
                        "fromId": "dd15c259-d72a-69c8-e554-a839527bfaf8",
                        "fromProperty": "count",
                        "toId": "0fbd5452-a4f3-21a1-f04e-aaee07d91578",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "40254f43-9450-c55b-54a2-75c5f354c2f6",
                        "fromProperty": "didMount",
                        "toId": "0fbd5452-a4f3-21a1-f04e-aaee07d91578",
                        "toProperty": "didMount"
                    },
                    {
                        "fromId": "0fbd5452-a4f3-21a1-f04e-aaee07d91578",
                        "fromProperty": "result",
                        "toId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "toProperty": "to-Collapsed"
                    },
                    {
                        "fromId": "7edc5f67-b42f-c1c4-72af-6e0f7e702c4b",
                        "fromProperty": "Click",
                        "toId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "toProperty": "to-Collapsed"
                    },
                    {
                        "fromId": "2ae1791a-c3fc-ee75-2037-545d038153f3",
                        "fromProperty": "Click",
                        "toId": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "toProperty": "to-Expanded"
                    },
                    {
                        "fromId": "d7e1c211-39ba-1141-f069-e989ea0f7647",
                        "fromProperty": "result",
                        "toId": "ad89f16c-1910-5e27-7d98-01b5ef0d52e1",
                        "toProperty": "doLog"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "isShipToHomeCard",
                        "toId": "6a8fd947-7442-2b10-beb2-878d295e8af1",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6a8fd947-7442-2b10-beb2-878d295e8af1",
                        "fromProperty": "result",
                        "toId": "d42605a2-d83d-8641-155a-7cf522ce78ae",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "fromProperty": "isShipToHomeCard",
                        "toId": "b7da7055-be4a-f4a8-d9f0-7b6adeab71d2",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "b7da7055-be4a-f4a8-d9f0-7b6adeab71d2",
                        "fromProperty": "savedValue",
                        "toId": "2287fd31-9a82-ab55-2154-a3980c2017b7",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "2ccce99e-06bf-7b0b-58f6-3830447acacb",
                        "type": "Component Inputs",
                        "x": -221.75693826904944,
                        "y": 444.60916184061114,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Cart Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Arrives",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "isShipToHomeCard",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            },
                            {
                                "name": "Arrival Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 10
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "40254f43-9450-c55b-54a2-75c5f354c2f6",
                        "type": "Group",
                        "label": "Content",
                        "x": 271.80760063167236,
                        "y": 338,
                        "parameters": {
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "388907d0-635d-d49a-b84f-b112627ec411",
                                "type": "Group",
                                "x": 20,
                                "y": 117,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "sizeMode": "contentHeight",
                                    "borderRadius": 8,
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#E6E6E6",
                                    "borderStyle": "solid",
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetX": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "boxShadowInset": false,
                                    "boxShadowColor": "rgba(0,0,0,0.05)"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "dfec5183-d5bd-89eb-c7cb-c2c5156f1446",
                                        "type": "Group",
                                        "label": "HEADER",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "flexDirection": "column",
                                            "marginBottom": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "fc4bb4d9-736d-f1c6-78bf-0b6f27a2f526",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "827590cc-55e3-19df-4397-51da25959f0c",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentSize",
                                                            "marginRight": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "text": "Get it by "
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "d42605a2-d83d-8641-155a-7cf522ce78ae",
                                                "type": "Group",
                                                "label": "Select Time",
                                                "x": 20,
                                                "y": 189,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "3acd4a63-75c7-a697-27a8-81370c37b96a",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 22,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "bottom",
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "96b8f9e7-107d-91b0-cd2f-dbb3e1588fff",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 179,
                                                        "parameters": {
                                                            "flexDirection": "row",
                                                            "alignY": "bottom",
                                                            "marginLeft": {
                                                                "value": 50,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "3cb6e39f-7505-7e89-2264-dfd5247a9a17",
                                                                "type": "Text",
                                                                "x": 371.80760063167236,
                                                                "y": 915,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "style": "{\n    textDecoration:'underline'\n}",
                                                                    "text": "Change"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "2287fd31-9a82-ab55-2154-a3980c2017b7",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 460,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "3ae89a3b-6fdc-4152-41d3-b43c1e744c30",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 82,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 22,
                                                                "unit": "px"
                                                            },
                                                            "text": "Arrives in 2 days"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "416ddca0-868b-2754-a66c-a498b54627fe",
                                        "type": "Group",
                                        "x": 310.97002917437385,
                                        "y": 1020.5622771502149,
                                        "parameters": {
                                            "height": {
                                                "value": 100,
                                                "unit": "px"
                                            },
                                            "clip": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "ec3bc6bf-4d6d-4c55-79df-64c94b88c20c",
                                                "type": "Group",
                                                "label": "Expanded Content",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "position": "absolute"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "76b188c0-4001-1450-6e20-ea673bf35ca6",
                                                        "type": "Group",
                                                        "label": "Categories And Items",
                                                        "x": 20,
                                                        "y": 117,
                                                        "parameters": {
                                                            "marginTop": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentHeight"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "b9b8b447-94f7-607e-b1e5-99302a9924c6",
                                                                "type": "For Each",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "templateType": "dynamic",
                                                                    "template": "/Cart/Cart Item",
                                                                    "templateScript": "// model item is available in item variable\n// set the component variable to the name of the desired component for this\n// item. Component name must start with a '/'.\nconsole.log(\"item\" + item.get(\"type\"));\n\nif(item.get(\"type\") && item.get(\"type\") === \"category\") {\n    component = \"/Cart/Cart Category Item\"\n} else {\n    component = \"/Cart/Cart Product Item\";\n}"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "c9bf0c17-197c-19f8-8814-3ce4d84917d5",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 260,
                                                        "parameters": {
                                                            "paddingLeft": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingRight": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingTop": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentHeight"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "7edc5f67-b42f-c1c4-72af-6e0f7e702c4b",
                                                                "type": "/UI Components/Design System/Button",
                                                                "label": "Collapse",
                                                                "x": 20,
                                                                "y": 82,
                                                                "parameters": {
                                                                    "Title": "Collapse",
                                                                    "Outlined": true,
                                                                    "Small": true
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "3a6a4653-9cbc-9083-8e7e-fcf5d70461d8",
                                                "type": "Group",
                                                "label": "Collapsed Content",
                                                "x": 20,
                                                "y": 521,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "position": "absolute"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "5caeb1ad-60fe-b888-c33d-f095cc58b121",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 117,
                                                        "parameters": {
                                                            "marginLeft": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentHeight"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "b7b1cfc6-666d-5f40-5efd-a47de958a8d6",
                                                                "type": "/UI Components/Horizontal Overflow List",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {},
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "f2ee6397-1ef9-12f6-6cf5-48b30bab9b08",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 245,
                                                        "parameters": {
                                                            "paddingLeft": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingRight": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingTop": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentHeight"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "2ae1791a-c3fc-ee75-2037-545d038153f3",
                                                                "type": "/UI Components/Design System/Button",
                                                                "label": "Expand",
                                                                "x": 423.33697581788067,
                                                                "y": 1725.9539263806082,
                                                                "parameters": {
                                                                    "Title": "View details",
                                                                    "Outlined": true,
                                                                    "Small": true
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "dd15c259-d72a-69c8-e554-a839527bfaf8",
                        "type": "Collection",
                        "label": "Products",
                        "x": -128.1196254027966,
                        "y": 904.8460969168075,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3fa9e211-f62c-0bd0-e215-14751d4723ad",
                        "type": "Javascript2",
                        "x": -155.26315949916057,
                        "y": 1086.9700199506442,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    updateTotals:'signal',\n\t    cartItems:'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    totalItems:'number'\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tupdateTotals:function(inputs,outputs) {\n\t\tlet c = inputs.cartItems\n        let sumCount = 0\n        for (i = 0; i < c.items.length; i++) {\n            sumCount += c.items[i].data.count; \n        }\n        outputs.totalItems = sumCount\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t//console.log(inputs.cartItems)\n\t\t//outputs.deliveryItemsTotal = 10\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "updateTotals",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "cartItems",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "totalItems",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "45d14d43-6c62-8f87-dfd5-7b3c7ee978b1",
                        "type": "On Item Action",
                        "x": -385.480765860497,
                        "y": 1094.7426792951146,
                        "parameters": {
                            "actionName": "changeCount"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "657fe640-d702-a40a-b36a-abc8a3b62e25",
                        "type": "Event Sender",
                        "x": 895.5437643924156,
                        "y": 758.3147627540897,
                        "parameters": {
                            "channelName": "Show Time Slot Picker"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d7e1c211-39ba-1141-f069-e989ea0f7647",
                        "type": "Expression",
                        "x": 937.1151890706406,
                        "y": 592.823373625268,
                        "parameters": {
                            "expression": "clicked && !shipToHome"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "clicked",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "shipToHome",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a517f6bd-8f54-8401-ec6b-9e8178393ea3",
                        "type": "Javascript2",
                        "label": "Inject categories",
                        "x": -282.19239936832764,
                        "y": 1243,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    refresh: 'signal',\n\t    cart: 'collection',\n\t    categories: 'collection',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tmySignal:function(inputs,outputs) {\n\t\t// ...\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t},\n\t\n\trefresh(inputs, outputs) {\n\t    let products = [];\n\t    let categories = {};\n\t    \n\t    for(let i = 0; i < inputs.cart.size(); ++i) {\n\t        let productData = window.wallyProducts.find(product => product.itemId === inputs.cart.get(i).get(\"itemId\"));\n\t        console.log(\"INPUTS GET CART:\", inputs.cart.get(i))\n\t        if(productData) {\n\t            if(!productData.category) {\n\t                console.log(\"No category for product \" + productData.itemId);\n\t                continue;\n\t            }\n\t            const categoryName = productData.category.path[0].name;\n\t            if(categories.hasOwnProperty(categoryName)) {\n\t                categories[categoryName].items.push(inputs.cart.get(i));\n\t            } else {\n\t                categories[categoryName] = {\n\t                    \"items\": [inputs.cart.get(i)]\n\t                }\n\t            }\n\t        }\n\t    }\n\t    \n\t    let arrayCategories = Object.keys(categories).map(name => {\n            return {\n                id: name,\n                label: name,\n                items: categories[name].items\n            }\n        });\n        \n        let itemsAndCategories = [];\n        \n        Object.keys(categories).forEach(categoryId => {\n            itemsAndCategories.push(\n                Noodl.Model.create({\n                    \"id\": \"category-\" + categoryId,\n                    \"label\": categoryId,\n                    \"type\": \"category\",\n                    \"numItems\": categories[categoryId].items.length,\n                    \"items\": categories[categoryId].items\n                })\n            );\n            itemsAndCategories = itemsAndCategories.concat(categories[categoryId].items);\n        });\n\t    \n\t    inputs.categories.set(itemsAndCategories);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "cart",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "categories",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bfe165d1-1f2f-399c-56b1-8ae30ee2c93c",
                        "type": "Event Receiver",
                        "x": -670.6814361015727,
                        "y": 1285.489036733245,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3bf6d17d-501d-29cd-8502-38eb1fbc63f4",
                        "type": "And",
                        "x": -668.9648092340087,
                        "y": 1404.3971681995956,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1c23f898-9139-21a8-1a77-102a350b6621",
                        "type": "Boolean",
                        "label": "Mounted",
                        "x": -419.7383336351529,
                        "y": 288.0496872698232,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "886500ac-1b2c-023e-6d34-d6a9776c03e3",
                        "type": "Collection",
                        "label": "Products And Categories",
                        "x": -216.03114610227055,
                        "y": 1453.6716592650812,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e9b6a96d-7caf-2913-353b-3a168aa39491",
                        "type": "String Format",
                        "x": 37.592990002395254,
                        "y": 1355.9927653472441,
                        "parameters": {
                            "format": "{cartId}-with-categories"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "cartId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6cdd1e53-ebd4-58bc-daf5-0841f2bcce73",
                        "type": "States",
                        "x": 797.551491709,
                        "y": 1178.635824282233,
                        "parameters": {
                            "states": "Expanded No Collapse,Collapsed,Expanded",
                            "startState": "Collapsed",
                            "duration-Height Blend": 1,
                            "values": "Height Blend,Collapsed Opacity,Expanded Opacity",
                            "value-Expanded No Collapse-Height Blend": 0,
                            "value-Collapsed-Height Blend": 1,
                            "value-Expanded-Height Blend": 0,
                            "value-Expanded No Collapse-Collapsed Opacity": 0,
                            "value-Expanded No Collapse-Expanded Opacity": 1,
                            "value-Collapsed-Collapsed Opacity": 1,
                            "value-Collapsed-Expanded Opacity": 0,
                            "value-Expanded-Collapsed Opacity": 0,
                            "value-Expanded-Expanded Opacity": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Height Blend",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Collapsed Opacity",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Expanded Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded No Collapse Values",
                                "name": "value-Expanded No Collapse-Height Blend",
                                "displayName": "Height Blend",
                                "editorName": "Expanded No Collapse|Height Blend",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded No Collapse Values",
                                "name": "value-Expanded No Collapse-Collapsed Opacity",
                                "displayName": "Collapsed Opacity",
                                "editorName": "Expanded No Collapse|Collapsed Opacity",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded No Collapse Values",
                                "name": "value-Expanded No Collapse-Expanded Opacity",
                                "displayName": "Expanded Opacity",
                                "editorName": "Expanded No Collapse|Expanded Opacity",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Expanded No Collapse Transition",
                                "name": "transition-Expanded No Collapse",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Expanded No Collapse Transition",
                                "name": "duration-Expanded No Collapse",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Expanded No Collapse",
                                "name": "to-Expanded No Collapse",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Expanded No Collapse",
                                "name": "at-Expanded No Collapse",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Expanded No Collapse",
                                "name": "reached-Expanded No Collapse",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Collapsed Values",
                                "name": "value-Collapsed-Height Blend",
                                "displayName": "Height Blend",
                                "editorName": "Collapsed|Height Blend",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Collapsed Values",
                                "name": "value-Collapsed-Collapsed Opacity",
                                "displayName": "Collapsed Opacity",
                                "editorName": "Collapsed|Collapsed Opacity",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Collapsed Values",
                                "name": "value-Collapsed-Expanded Opacity",
                                "displayName": "Expanded Opacity",
                                "editorName": "Collapsed|Expanded Opacity",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Collapsed Transition",
                                "name": "transition-Collapsed",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Collapsed Transition",
                                "name": "duration-Collapsed",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Collapsed",
                                "name": "to-Collapsed",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Collapsed",
                                "name": "at-Collapsed",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Collapsed",
                                "name": "reached-Collapsed",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Height Blend",
                                "displayName": "Height Blend",
                                "editorName": "Expanded|Height Blend",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Collapsed Opacity",
                                "displayName": "Collapsed Opacity",
                                "editorName": "Expanded|Collapsed Opacity",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Expanded Opacity",
                                "displayName": "Expanded Opacity",
                                "editorName": "Expanded|Expanded Opacity",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Expanded Transition",
                                "name": "transition-Expanded",
                                "index": 28
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Expanded Transition",
                                "name": "duration-Expanded",
                                "index": 29
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Expanded",
                                "name": "to-Expanded",
                                "group": "Go to state",
                                "index": 30
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Expanded",
                                "name": "at-Expanded",
                                "group": "Current state",
                                "index": 31
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Expanded",
                                "name": "reached-Expanded",
                                "group": "Current state",
                                "index": 32
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Expanded No Collapse",
                                        "Collapsed",
                                        "Expanded"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Expanded No Collapse",
                                "index": 33
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "87dab970-865a-9f3f-d7d9-60cccd461a73",
                        "type": "Inverter",
                        "x": 678.8834375757967,
                        "y": 1398.814841682191,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1162db63-096d-e5ee-46be-c310562fcb3a",
                        "type": "Number Blend",
                        "x": 902.4840403052757,
                        "y": 1580.4082341479138,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "01f52808-fc84-346b-ccb5-a66f7cd68e29",
                        "type": "Expression",
                        "x": 766.7638083058318,
                        "y": 978.7152056170537,
                        "parameters": {
                            "expression": "count <= 2 && didMount"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "didMount",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0fbd5452-a4f3-21a1-f04e-aaee07d91578",
                        "type": "Expression",
                        "x": 1034.81126650473,
                        "y": 997.9422384836414,
                        "parameters": {
                            "expression": "count > 2 && didMount"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "didMount",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ad89f16c-1910-5e27-7d98-01b5ef0d52e1",
                        "type": "/SessionData/Page event",
                        "x": 713.8076006316724,
                        "y": 465,
                        "parameters": {
                            "pageId": "timepicker_show",
                            "action": "from_cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6a8fd947-7442-2b10-beb2-878d295e8af1",
                        "type": "Inverter",
                        "x": -136.361443386495,
                        "y": 752.7590923900293,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b7da7055-be4a-f4a8-d9f0-7b6adeab71d2",
                        "type": "Boolean",
                        "x": -136.3866109824039,
                        "y": 656.2616748160849,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Design System/Button",
            "graph": {
                "connections": [
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Title",
                        "toId": "f923ccff-7e28-b71a-615f-004ad53f865d",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Enabled",
                        "toId": "ceb5a308-c1d3-d30c-9ef3-f2700895a77a",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "ceb5a308-c1d3-d30c-9ef3-f2700895a77a",
                        "fromProperty": "savedValue",
                        "toId": "1dd1de0e-634b-71e5-c368-34297b97be6e",
                        "toProperty": "to-Enabled"
                    },
                    {
                        "fromId": "ceb5a308-c1d3-d30c-9ef3-f2700895a77a",
                        "fromProperty": "savedValue",
                        "toId": "2179a204-7e98-60b4-35a0-d2bfbdf4aef5",
                        "toProperty": "enabled"
                    },
                    {
                        "fromId": "2179a204-7e98-60b4-35a0-d2bfbdf4aef5",
                        "fromProperty": "result",
                        "toId": "1dd1de0e-634b-71e5-c368-34297b97be6e",
                        "toProperty": "to-Disabled"
                    },
                    {
                        "fromId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "fromProperty": "pointerDown",
                        "toId": "1ad93616-39c7-0548-bea5-0317b7870f65",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "fromProperty": "pointerUp",
                        "toId": "1ad93616-39c7-0548-bea5-0317b7870f65",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "fromProperty": "hoverEnd",
                        "toId": "1ad93616-39c7-0548-bea5-0317b7870f65",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "1ad93616-39c7-0548-bea5-0317b7870f65",
                        "fromProperty": "Color",
                        "toId": "5aefc2f8-70d8-8a9a-1a4b-592883c576da",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "fromProperty": "bgColor",
                        "toId": "5aefc2f8-70d8-8a9a-1a4b-592883c576da",
                        "toProperty": "color 0"
                    },
                    {
                        "fromId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "fromProperty": "bgColorPressed",
                        "toId": "5aefc2f8-70d8-8a9a-1a4b-592883c576da",
                        "toProperty": "color 1"
                    },
                    {
                        "fromId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "fromProperty": "fontColor",
                        "toId": "f923ccff-7e28-b71a-615f-004ad53f865d",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "fromProperty": "fontSize",
                        "toId": "f923ccff-7e28-b71a-615f-004ad53f865d",
                        "toProperty": "fontSize"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Outlined",
                        "toId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "toProperty": "outlined"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Small",
                        "toId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "toProperty": "small"
                    },
                    {
                        "fromId": "1dd1de0e-634b-71e5-c368-34297b97be6e",
                        "fromProperty": "Opacity",
                        "toId": "924606fc-8084-f35d-1060-07f7bb214d3b",
                        "toProperty": "o1"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Opacity",
                        "toId": "924606fc-8084-f35d-1060-07f7bb214d3b",
                        "toProperty": "o2"
                    },
                    {
                        "fromId": "924606fc-8084-f35d-1060-07f7bb214d3b",
                        "fromProperty": "result",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "fromProperty": "height",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "5aefc2f8-70d8-8a9a-1a4b-592883c576da",
                        "fromProperty": "result",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "fromProperty": "borderWidth",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "borderWidth"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Margin Left",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "marginLeft"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Margin Right",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "marginRight"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Margin Top",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Margin Bottom",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "marginBottom"
                    },
                    {
                        "fromId": "c4d398e0-f875-9e3c-fc25-a942d66b48ca",
                        "fromProperty": "click",
                        "toId": "ac678ace-7526-6f6b-75dd-c43ef35bfda5",
                        "toProperty": "Click"
                    },
                    {
                        "fromId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "fromProperty": "onClick",
                        "toId": "c4d398e0-f875-9e3c-fc25-a942d66b48ca",
                        "toProperty": "click"
                    },
                    {
                        "fromId": "1dd1de0e-634b-71e5-c368-34297b97be6e",
                        "fromProperty": "at-Enabled",
                        "toId": "c4d398e0-f875-9e3c-fc25-a942d66b48ca",
                        "toProperty": "enabled"
                    },
                    {
                        "fromId": "1ad93616-39c7-0548-bea5-0317b7870f65",
                        "fromProperty": "Scale",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Border Color",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "borderColor"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Border Radius",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "borderRadius"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Font Family",
                        "toId": "f923ccff-7e28-b71a-615f-004ad53f865d",
                        "toProperty": "fontFamily"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Font Color",
                        "toId": "f923ccff-7e28-b71a-615f-004ad53f865d",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Border Width",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "borderWidth"
                    },
                    {
                        "fromId": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "fromProperty": "Mounted",
                        "toId": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "5e1ea688-4d96-dc13-8508-0af211bd9a1f",
                        "type": "Group",
                        "x": 366,
                        "y": 307.08999459179313,
                        "parameters": {
                            "sizeMode": "explicit",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "height": {
                                "value": 100,
                                "unit": "px"
                            },
                            "borderStyle": "solid",
                            "borderRadius": 20,
                            "borderColor": "black",
                            "borderWidth": {
                                "value": 0,
                                "unit": "px"
                            },
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "35b58108-2a41-2c2b-4829-30e074b2af82",
                                "type": "Group",
                                "label": "Group",
                                "x": 20,
                                "y": 382,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "flexDirection": "row",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "f923ccff-7e28-b71a-615f-004ad53f865d",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "color": "#FFFFFF",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "alignY": "center",
                                            "textAlign": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "ac678ace-7526-6f6b-75dd-c43ef35bfda5",
                        "type": "Component Outputs",
                        "x": 329.51591252793986,
                        "y": 24.30433399747176,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0ea0baab-66f7-8d79-f289-31b492298a97",
                        "type": "Component Inputs",
                        "x": -32.28004326565477,
                        "y": 623.619361831592,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1,
                                "group": "Properties"
                            },
                            {
                                "name": "Enabled",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2,
                                "group": "Properties"
                            },
                            {
                                "name": "Outlined",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Properties",
                                "index": 3
                            },
                            {
                                "name": "Small",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Properties",
                                "index": 4
                            },
                            {
                                "name": "Opacity",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 5
                            },
                            {
                                "name": "Margin Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 6
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 7
                            },
                            {
                                "name": "Margin Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 8
                            },
                            {
                                "name": "Margin Bottom",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 9
                            },
                            {
                                "name": "Border Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 10
                            },
                            {
                                "name": "Border Radius",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 11
                            },
                            {
                                "name": "Font Family",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 12
                            },
                            {
                                "name": "Font Color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 13
                            },
                            {
                                "name": "Border Width",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Visual",
                                "index": 14
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 0
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1dd1de0e-634b-71e5-c368-34297b97be6e",
                        "type": "States",
                        "label": "Enabled",
                        "x": -116.92668108855156,
                        "y": 6.9031188077950105,
                        "parameters": {
                            "states": "Enabled,Disabled",
                            "values": "Opacity",
                            "value-Enabled-Opacity": 1,
                            "value-Disabled-Opacity": 0.3,
                            "startState": "Enabled"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Enabled Values",
                                "name": "value-Enabled-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Enabled|Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Enabled Transition",
                                "name": "transition-Enabled",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Enabled Transition",
                                "name": "duration-Enabled",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Enabled",
                                "name": "to-Enabled",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Enabled",
                                "name": "at-Enabled",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Enabled",
                                "name": "reached-Enabled",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Disabled Values",
                                "name": "value-Disabled-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Disabled|Opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Disabled Transition",
                                "name": "transition-Disabled",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Disabled Transition",
                                "name": "duration-Disabled",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Disabled",
                                "name": "to-Disabled",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Disabled",
                                "name": "at-Disabled",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Disabled",
                                "name": "reached-Disabled",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Enabled",
                                        "Disabled"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Enabled",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ceb5a308-c1d3-d30c-9ef3-f2700895a77a",
                        "type": "Boolean",
                        "x": -341.92668108855156,
                        "y": 142.903118807795,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2179a204-7e98-60b4-35a0-d2bfbdf4aef5",
                        "type": "Expression",
                        "x": -346.92668108855156,
                        "y": 24.90311880779501,
                        "parameters": {
                            "expression": "!enabled"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "enabled",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1ad93616-39c7-0548-bea5-0317b7870f65",
                        "type": "States",
                        "label": "Pressed",
                        "x": -162.49810965998012,
                        "y": 246.1888330935093,
                        "parameters": {
                            "states": "Default,Pressed",
                            "values": "Color,Scale",
                            "value-Default-Color": 0,
                            "value-Pressed-Color": 1,
                            "duration-Pressed": 50,
                            "value-Default-Scale": 1,
                            "value-Pressed-Scale": 0.97
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Color",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Scale",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Color",
                                "displayName": "Color",
                                "editorName": "Default|Color",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Scale",
                                "displayName": "Scale",
                                "editorName": "Default|Scale",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Pressed Values",
                                "name": "value-Pressed-Color",
                                "displayName": "Color",
                                "editorName": "Pressed|Color",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Pressed Values",
                                "name": "value-Pressed-Scale",
                                "displayName": "Scale",
                                "editorName": "Pressed|Scale",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Pressed Transition",
                                "name": "transition-Pressed",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Pressed Transition",
                                "name": "duration-Pressed",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Pressed",
                                "name": "to-Pressed",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Pressed",
                                "name": "at-Pressed",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Pressed",
                                "name": "reached-Pressed",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Pressed"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 22
                            }
                        ],
                        "conflicts": [],
                        "children": []
                    },
                    {
                        "id": "5aefc2f8-70d8-8a9a-1a4b-592883c576da",
                        "type": "Color Blend",
                        "x": 61.501890340019884,
                        "y": 427.1888330935093,
                        "parameters": {
                            "color 0": "#0071CE",
                            "color 1": "#004C93"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f652c799-47be-9c1b-eeb9-cb6b33eae4a7",
                        "type": "Javascript2",
                        "x": -383.588303361984,
                        "y": 436.06096735953736,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    outlined:'boolean',\n\t    small: 'boolean',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    bgColor: 'color',\n\t    bgColorPressed: 'color',\n\t    fontColor: 'color',\n\t    fontSize: 'number',\n\t    borderWidth: 'number',\n\t    height: 'number'\n\t},\n\t\n\tchange:function(inputs,outputs) {\n\t\toutputs.bgColor = inputs.outlined ? '#FFFFFF' : '#0071DC';\n\t\toutputs.bgColorPressed = inputs.outlined ? '#DADADA' : '#004C93';\n\t\toutputs.fontColor = inputs.outlined ? \"#000000\" : \"#FFFFFF\";\n\t\toutputs.fontSize = inputs.small ? 14 : 16;\n\t\toutputs.borderWidth = inputs.outlined ? 1 : 0;\n\t\toutputs.height = inputs.small ? 30 : 40;\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "outlined",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "small",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "bgColor",
                                "type": {
                                    "name": "color"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "bgColorPressed",
                                "type": {
                                    "name": "color"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "fontColor",
                                "type": {
                                    "name": "color"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "fontSize",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "borderWidth",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "height",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "924606fc-8084-f35d-1060-07f7bb214d3b",
                        "type": "Expression",
                        "x": 50.55744589557548,
                        "y": 203.0777219823982,
                        "parameters": {
                            "expression": "o1 * o2",
                            "o2": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "o1",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "o2",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c4d398e0-f875-9e3c-fc25-a942d66b48ca",
                        "type": "Javascript2",
                        "x": 129.34392228724414,
                        "y": 28.188343086430848,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    click:'signal',\n\t    enabled: 'boolean'\n\t},\n\toutputs:{\n\t    click: 'signal'\n\t},\n\tclick:function(inputs,outputs) {\n    \tif(inputs.enabled) this.sendSignalOnOutput(\"click\");\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "click",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "enabled",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "click",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Flexible Divider",
            "graph": {
                "connections": [
                    {
                        "fromId": "70f971ac-cff7-239f-5dc6-99aea8087ec3",
                        "fromProperty": "savedValue",
                        "toId": "6c65e076-f173-bf2f-1d34-9c107a927667",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "6ae490f4-2559-45e1-977a-9f7cf0edf94f",
                        "fromProperty": "height",
                        "toId": "70f971ac-cff7-239f-5dc6-99aea8087ec3",
                        "toProperty": "value"
                    }
                ],
                "roots": [
                    {
                        "id": "6c65e076-f173-bf2f-1d34-9c107a927667",
                        "type": "Group",
                        "x": 452.87302850669914,
                        "y": 403.2539429866018,
                        "parameters": {
                            "width": {
                                "value": 100,
                                "unit": "%"
                            },
                            "height": {
                                "value": 1,
                                "unit": "px"
                            },
                            "backgroundColor": "#E6E6E6"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6ae490f4-2559-45e1-977a-9f7cf0edf94f",
                        "type": "Component Inputs",
                        "x": 24,
                        "y": 378,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "height",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "70f971ac-cff7-239f-5dc6-99aea8087ec3",
                        "type": "Number",
                        "x": 241,
                        "y": 403,
                        "parameters": {
                            "value": 1
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Cart/Cart Product Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "531c9d71-b430-9a73-4ae8-d0239fd3de75",
                        "fromProperty": "title",
                        "toId": "aa38fef7-ab29-7e8d-29e5-cac3f023a4b6",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "531c9d71-b430-9a73-4ae8-d0239fd3de75",
                        "fromProperty": "img",
                        "toId": "ab4862a9-d011-b276-cb5a-9e0916e0f44c",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "531c9d71-b430-9a73-4ae8-d0239fd3de75",
                        "fromProperty": "price",
                        "toId": "f65bbc48-af1a-ca70-f6d2-26e2799dc15e",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "a8ab66ed-2bd4-e067-cd95-a4352504aea7",
                        "fromProperty": "result",
                        "toId": "ddaf39f5-4c65-688d-82d1-fb5142876b58",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "2295c212-29f6-f6c4-74d9-f480a234ee51",
                        "fromProperty": "op",
                        "toId": "5d91f706-d38a-3242-154d-f00564354f99",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "ddaf39f5-4c65-688d-82d1-fb5142876b58",
                        "fromProperty": "timerFinished",
                        "toId": "2295c212-29f6-f6c4-74d9-f480a234ee51",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "f65bbc48-af1a-ca70-f6d2-26e2799dc15e",
                        "fromProperty": "result",
                        "toId": "531c9d71-b430-9a73-4ae8-d0239fd3de75",
                        "toProperty": "totalPrice"
                    },
                    {
                        "fromId": "a4aa42e3-e866-0c5c-a249-04490ea7fa83",
                        "fromProperty": "add",
                        "toId": "4a5d95df-4f6d-0541-b6b7-61ec1e264f15",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "a4aa42e3-e866-0c5c-a249-04490ea7fa83",
                        "fromProperty": "remove",
                        "toId": "cddbb045-65e8-2cca-9334-0530c3fecf0d",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "7820bf94-974f-f00d-7d25-50217d72be97",
                        "fromProperty": "valueChanged",
                        "toId": "6ba22d2f-620f-2743-10b6-9f7224d1b663",
                        "toProperty": "trigger"
                    },
                    {
                        "fromId": "4c91211d-0874-9034-f2a5-20831541b015",
                        "fromProperty": "itemId",
                        "toId": "25978541-4639-1cce-fe25-4a727eb4afa7",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "25978541-4639-1cce-fe25-4a727eb4afa7",
                        "fromProperty": "itemId",
                        "toId": "531c9d71-b430-9a73-4ae8-d0239fd3de75",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "330ac591-aacd-1300-7bf6-fbc9d7865a7f",
                        "fromProperty": "Cart Count",
                        "toId": "7820bf94-974f-f00d-7d25-50217d72be97",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "330ac591-aacd-1300-7bf6-fbc9d7865a7f",
                        "fromProperty": "Cart Count",
                        "toId": "f65bbc48-af1a-ca70-f6d2-26e2799dc15e",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "330ac591-aacd-1300-7bf6-fbc9d7865a7f",
                        "fromProperty": "Cart Count",
                        "toId": "a8ab66ed-2bd4-e067-cd95-a4352504aea7",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "330ac591-aacd-1300-7bf6-fbc9d7865a7f",
                        "fromProperty": "Cart Count",
                        "toId": "a4aa42e3-e866-0c5c-a249-04490ea7fa83",
                        "toProperty": "quant"
                    },
                    {
                        "fromId": "25978541-4639-1cce-fe25-4a727eb4afa7",
                        "fromProperty": "itemId",
                        "toId": "4a5d95df-4f6d-0541-b6b7-61ec1e264f15",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "25978541-4639-1cce-fe25-4a727eb4afa7",
                        "fromProperty": "itemId",
                        "toId": "cddbb045-65e8-2cca-9334-0530c3fecf0d",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "25978541-4639-1cce-fe25-4a727eb4afa7",
                        "fromProperty": "itemId",
                        "toId": "330ac591-aacd-1300-7bf6-fbc9d7865a7f",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "330ac591-aacd-1300-7bf6-fbc9d7865a7f",
                        "fromProperty": "Cart Count",
                        "toId": "64616bd1-7e7c-464f-b7bf-c5b234094671",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "64616bd1-7e7c-464f-b7bf-c5b234094671",
                        "fromProperty": "result",
                        "toId": "ddaf39f5-4c65-688d-82d1-fb5142876b58",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "2295c212-29f6-f6c4-74d9-f480a234ee51",
                        "fromProperty": "at-show",
                        "toId": "5d91f706-d38a-3242-154d-f00564354f99",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "f65bbc48-af1a-ca70-f6d2-26e2799dc15e",
                        "fromProperty": "result",
                        "toId": "fff036eb-bf62-2d08-f854-c06801192e34",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "fff036eb-bf62-2d08-f854-c06801192e34",
                        "fromProperty": "Formatted Price",
                        "toId": "47b55fb9-2e91-df1e-0e93-7e2be8b5103f",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "5d91f706-d38a-3242-154d-f00564354f99",
                        "type": "Group",
                        "x": 330,
                        "y": 311,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1a1e9ff1-e838-1809-40ba-1a8d31c9da09",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 15,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ab4862a9-d011-b276-cb5a-9e0916e0f44c",
                                        "type": "Image",
                                        "x": 370,
                                        "y": 459,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 50,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 50,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "99921608-892b-14a6-aa92-2d55ea583f1c",
                                        "type": "Group",
                                        "x": 370,
                                        "y": 541,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "f7af54dd-93c2-6028-b7e1-c02904ab3a65",
                                                "type": "Group",
                                                "label": "Top",
                                                "x": 390,
                                                "y": 587,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 3,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "889d0b60-673f-630b-384d-19669b98cd1a",
                                                        "type": "Group",
                                                        "x": 410,
                                                        "y": 648,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "aa38fef7-ab29-7e8d-29e5-cac3f023a4b6",
                                                                "type": "Text",
                                                                "x": 430,
                                                                "y": 694,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "sizeMode": "contentHeight",
                                                                    "width": {
                                                                        "value": 70,
                                                                        "unit": "%"
                                                                    },
                                                                    "fontSize": {
                                                                        "value": 12,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "47b55fb9-2e91-df1e-0e93-7e2be8b5103f",
                                                        "type": "Text",
                                                        "x": 410,
                                                        "y": 776,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 18,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentSize",
                                                            "alignX": "right",
                                                            "width": {
                                                                "value": 45,
                                                                "unit": "px"
                                                            },
                                                            "textAlign": "right"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "f10a1403-e29a-a23a-da22-8592e97f5e25",
                                                "type": "Group",
                                                "label": "Bottom",
                                                "x": 390,
                                                "y": 858,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 3,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "dd5af1ea-c4be-e55c-07b4-94f4e80e98f6",
                                                        "type": "Group",
                                                        "x": 410,
                                                        "y": 919,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "ed979d1b-0843-2e5d-0add-7a813eed5bcb",
                                                                "type": "Group",
                                                                "label": "Save For Later Link",
                                                                "x": 430,
                                                                "y": 965,
                                                                "parameters": {
                                                                    "sizeMode": "explicit"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "17ba1d69-b76a-d244-850d-50581fb6f0bc",
                                                                        "type": "Text",
                                                                        "x": 450,
                                                                        "y": 1026,
                                                                        "parameters": {
                                                                            "text": "Save for later",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 16,
                                                                                "unit": "px"
                                                                            },
                                                                            "style": "{\n    textDecoration: 'underline'\n}"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "4e06452c-acc7-c269-fc19-c90644fdaaa7",
                                                        "type": "Group",
                                                        "x": 410,
                                                        "y": 1072,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "width": {
                                                                "value": 100,
                                                                "unit": "%"
                                                            },
                                                            "height": {
                                                                "value": 30,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "a4aa42e3-e866-0c5c-a249-04490ea7fa83",
                                                                "type": "/UI Components/Item Counter",
                                                                "x": 430,
                                                                "y": 1118,
                                                                "parameters": {},
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "088070bf-3b0b-281b-df9d-737eecbe4966",
                                "type": "/UI Components/Flexible Divider",
                                "x": 20,
                                "y": 929,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "531c9d71-b430-9a73-4ae8-d0239fd3de75",
                        "type": "Model",
                        "label": "Product Item",
                        "x": -64.7231394279055,
                        "y": 487.6912638652806,
                        "parameters": {
                            "properties": "title,price,img,totalPrice,quant"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "totalPrice",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4c91211d-0874-9034-f2a5-20831541b015",
                        "type": "For Each Actions",
                        "x": -531.4543813952062,
                        "y": 235.33857192497862,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f65bbc48-af1a-ca70-f6d2-26e2799dc15e",
                        "type": "Expression",
                        "x": -56.550221739182234,
                        "y": 715.0532265588846,
                        "parameters": {
                            "expression": "+(round(num * c + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a8ab66ed-2bd4-e067-cd95-a4352504aea7",
                        "type": "Expression",
                        "x": 704.0046050903654,
                        "y": 717.8714242543292,
                        "parameters": {
                            "expression": "c === 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ddaf39f5-4c65-688d-82d1-fb5142876b58",
                        "type": "Timer",
                        "label": "Removed Timer",
                        "x": 716.3644175881743,
                        "y": 574.3122946594738,
                        "parameters": {
                            "duration": 500
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2295c212-29f6-f6c4-74d9-f480a234ee51",
                        "type": "States",
                        "x": 718.3084768954716,
                        "y": 425.3834299582959,
                        "parameters": {
                            "states": "show,hide",
                            "values": "op",
                            "value-show-op": 1,
                            "duration-show": 600,
                            "duration-hide": 600,
                            "value-hide-op": 0.5
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "op",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-op",
                                "displayName": "op",
                                "editorName": "show|op",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-op",
                                "displayName": "op",
                                "editorName": "hide|op",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "show",
                                        "hide"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "show",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6ba22d2f-620f-2743-10b6-9f7224d1b663",
                        "type": "Trigger Item Action",
                        "x": -496.58558026648564,
                        "y": 502.8343602945595,
                        "parameters": {
                            "actionName": "changeCount"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4a5d95df-4f6d-0541-b6b7-61ec1e264f15",
                        "type": "Event Sender",
                        "x": 12.211284850456934,
                        "y": 1030.6214416603138,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cddbb045-65e8-2cca-9334-0530c3fecf0d",
                        "type": "Event Sender",
                        "x": 10.538158359139459,
                        "y": 1141.175305446378,
                        "parameters": {
                            "channelName": "Remove from cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7820bf94-974f-f00d-7d25-50217d72be97",
                        "type": "Value Changed",
                        "x": -494.6283215721687,
                        "y": 609.9092814006557,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "25978541-4639-1cce-fe25-4a727eb4afa7",
                        "type": "Model",
                        "label": "Cart Item",
                        "x": -62.55139849524562,
                        "y": 349.87081986219414,
                        "parameters": {
                            "properties": "itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "330ac591-aacd-1300-7bf6-fbc9d7865a7f",
                        "type": "/Cart/Cart Count",
                        "x": -443.5513984952456,
                        "y": 890.8708198621941,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "64616bd1-7e7c-464f-b7bf-c5b234094671",
                        "type": "Expression",
                        "x": 913.1036111713977,
                        "y": 722.691802462236,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fff036eb-bf62-2d08-f854-c06801192e34",
                        "type": "/Components/Price Format",
                        "x": 156.64947577975613,
                        "y": 746.9891327246931,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Pill",
            "graph": {
                "connections": [
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "color",
                        "toId": "a91a29c3-5802-fcab-9eb5-e6cf1b7b0fad",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "a91a29c3-5802-fcab-9eb5-e6cf1b7b0fad",
                        "fromProperty": "result",
                        "toId": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "text",
                        "toId": "b5d85044-c065-ae41-6809-0bcb3c887228",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "right icon",
                        "toId": "cc8de06f-2568-554e-9e90-8ced9d1559bb",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "fromProperty": "onClick",
                        "toId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "68ad41e2-f273-199a-5e2c-a5145f785ff6",
                        "fromProperty": "result",
                        "toId": "b5d85044-c065-ae41-6809-0bcb3c887228",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "color text",
                        "toId": "68ad41e2-f273-199a-5e2c-a5145f785ff6",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "right_icon_selected",
                        "toId": "8b85984f-ba43-e1ad-2343-87e1db47f6c5",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-default",
                        "toId": "8693c9ca-5b3e-f395-c5d1-cb2c824c0c22",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-default",
                        "toId": "cc8de06f-2568-554e-9e90-8ced9d1559bb",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "8cb4a9e6-5d99-7e79-6b64-2c3afb4b77a8",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "8b85984f-ba43-e1ad-2343-87e1db47f6c5",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "157191b5-818b-b4a8-085e-52ecc545d0f7",
                        "toProperty": "selected"
                    },
                    {
                        "fromId": "9873d11b-6052-0d53-a519-a0c35478d1bd",
                        "fromProperty": "eventReceived",
                        "toId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "mounted",
                        "toId": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "default text",
                        "toId": "09d1df4e-8b6f-fb36-6a73-41d84c290b4f",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "68ad41e2-f273-199a-5e2c-a5145f785ff6",
                        "fromProperty": "result",
                        "toId": "09d1df4e-8b6f-fb36-6a73-41d84c290b4f",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-default",
                        "toId": "09d1df4e-8b6f-fb36-6a73-41d84c290b4f",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "b5d85044-c065-ae41-6809-0bcb3c887228",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "left icon",
                        "toId": "8693c9ca-5b3e-f395-c5d1-cb2c824c0c22",
                        "toProperty": "srcSet"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "left_icon_selected",
                        "toId": "8cb4a9e6-5d99-7e79-6b64-2c3afb4b77a8",
                        "toProperty": "srcSet"
                    },
                    {
                        "fromId": "1683eade-abf1-cbea-92e9-11e3f71d71dc",
                        "fromProperty": "eventReceived",
                        "toId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "background-color",
                        "toId": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "border",
                        "toId": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "toProperty": "borderWidth"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "font-family",
                        "toId": "b5d85044-c065-ae41-6809-0bcb3c887228",
                        "toProperty": "fontFamily"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "font-family",
                        "toId": "09d1df4e-8b6f-fb36-6a73-41d84c290b4f",
                        "toProperty": "fontFamily"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-default",
                        "toId": "ad09d44c-abc5-4917-62c8-987e0d3865c0",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "fromProperty": "at-selected",
                        "toId": "ce94d42b-4fa9-63b1-3bf1-999dde097f0d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c1026d71-01e2-e6d9-407f-893261512825",
                        "fromProperty": "show dropdown icon",
                        "toId": "81bccae6-6e36-55ad-a26f-92b1adf64b98",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "3e5738fa-4f03-3cd1-33a8-4231ac198178",
                        "type": "Group",
                        "label": "Pill",
                        "x": 596.9953215955329,
                        "y": 221.59439112894165,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "borderRadius": 20,
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "marginRight": {
                                "value": 8,
                                "unit": "px"
                            },
                            "transformScale": 1,
                            "height": {
                                "value": 32,
                                "unit": "px"
                            },
                            "borderStyle": "solid",
                            "borderColor": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "8693c9ca-5b3e-f395-c5d1-cb2c824c0c22",
                                "type": "Image",
                                "x": 20,
                                "y": 157,
                                "parameters": {
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8cb4a9e6-5d99-7e79-6b64-2c3afb4b77a8",
                                "type": "Image",
                                "x": 20,
                                "y": 239,
                                "parameters": {
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b5d85044-c065-ae41-6809-0bcb3c887228",
                                "type": "Text",
                                "x": 20,
                                "y": 321,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "sizeMode": "contentSize",
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "fontSize": {
                                        "value": 12,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "09d1df4e-8b6f-fb36-6a73-41d84c290b4f",
                                "type": "Text",
                                "x": 20,
                                "y": 463,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "sizeMode": "contentSize",
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "fontSize": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "cc8de06f-2568-554e-9e90-8ced9d1559bb",
                                "type": "Image",
                                "x": 20,
                                "y": 605,
                                "parameters": {
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 4,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8b85984f-ba43-e1ad-2343-87e1db47f6c5",
                                "type": "Image",
                                "x": 20,
                                "y": 687,
                                "parameters": {
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 4,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "81bccae6-6e36-55ad-a26f-92b1adf64b98",
                                "type": "Group",
                                "x": 20,
                                "y": 769,
                                "parameters": {
                                    "sizeMode": "contentWidth",
                                    "marginLeft": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ad09d44c-abc5-4917-62c8-987e0d3865c0",
                                        "type": "Image",
                                        "x": 636.9953215955329,
                                        "y": 1036.5943911289417,
                                        "parameters": {
                                            "src": "icons/pill-dropdown.svg",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ce94d42b-4fa9-63b1-3bf1-999dde097f0d",
                                        "type": "Image",
                                        "x": 668.2031156953122,
                                        "y": 1003.7211592555477,
                                        "parameters": {
                                            "src": "icons/pill-dropdown-selected.svg",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "752af970-c8ca-1eb4-09b3-70eaecea1f48",
                        "type": "States",
                        "x": 298,
                        "y": 220.41964408445926,
                        "parameters": {
                            "states": "default,selected",
                            "values": "color,color text",
                            "value-default-color": 0,
                            "value-selected-color": 1,
                            "value-default-color text": 1,
                            "value-selected-color text": 0,
                            "duration-selected": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "color",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "color text",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-color",
                                "displayName": "color",
                                "editorName": "default|color",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-color text",
                                "displayName": "color text",
                                "editorName": "default|color text",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-color",
                                "displayName": "color",
                                "editorName": "selected|color",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-color text",
                                "displayName": "color text",
                                "editorName": "selected|color text",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "selected Transition",
                                "name": "transition-selected",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "selected Transition",
                                "name": "duration-selected",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To selected",
                                "name": "to-selected",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At selected",
                                "name": "at-selected",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached selected",
                                "name": "reached-selected",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a91a29c3-5802-fcab-9eb5-e6cf1b7b0fad",
                        "type": "Color Blend",
                        "x": 296.91420242847244,
                        "y": 395.44919538915815,
                        "parameters": {
                            "color 0": "#F0F2F7",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c1026d71-01e2-e6d9-407f-893261512825",
                        "type": "Component Inputs",
                        "x": 974.2760172139195,
                        "y": 429.98588218594546,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "leading icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "left icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "right icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "text",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "left_icon_selected",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "right_icon_selected",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            },
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 8
                            },
                            {
                                "name": "default text",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 9
                            },
                            {
                                "name": "background-color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 10
                            },
                            {
                                "name": "border",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 11
                            },
                            {
                                "name": "font-family",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 12
                            },
                            {
                                "name": "show dropdown icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 13
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "68ad41e2-f273-199a-5e2c-a5145f785ff6",
                        "type": "Color Blend",
                        "x": 315.7659862719969,
                        "y": 516.3431968039881,
                        "parameters": {
                            "color 0": "#ffffff",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "157191b5-818b-b4a8-085e-52ecc545d0f7",
                        "type": "Component Outputs",
                        "x": 940.8564622479914,
                        "y": 252.8127540219728,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "selected",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9873d11b-6052-0d53-a519-a0c35478d1bd",
                        "type": "Event Receiver",
                        "x": 18.168465698907198,
                        "y": 296.273894338804,
                        "parameters": {
                            "channelName": "clear search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1683eade-abf1-cbea-92e9-11e3f71d71dc",
                        "type": "Event Receiver",
                        "x": 1.7823507795458227,
                        "y": 425.05413685046705,
                        "parameters": {
                            "channelName": "Clear Filters"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Item Counter",
            "graph": {
                "connections": [
                    {
                        "fromId": "e1a1c0da-31ca-18be-0f99-487a47dbff1b",
                        "fromProperty": "quant",
                        "toId": "4384d7b3-084e-3017-8d34-65120027ae4c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "bd168f57-de1a-7008-a0de-58c1ed40220f",
                        "fromProperty": "onClick",
                        "toId": "7f3f8a1e-cef4-4eef-7c4b-9c11b4b64f7b",
                        "toProperty": "remove"
                    },
                    {
                        "fromId": "ee743ebb-4a1c-334e-82dc-47bda0914271",
                        "fromProperty": "onClick",
                        "toId": "7f3f8a1e-cef4-4eef-7c4b-9c11b4b64f7b",
                        "toProperty": "add"
                    }
                ],
                "roots": [
                    {
                        "id": "2e5d7083-813b-7376-673b-cbf8ee542cf8",
                        "type": "Group",
                        "x": 306,
                        "y": 363,
                        "parameters": {
                            "width": {
                                "value": 68,
                                "unit": "px"
                            },
                            "height": {
                                "value": 30,
                                "unit": "px"
                            },
                            "alignX": "right"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "527eafb0-1dc5-d1d9-644b-aa22502c63a3",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "borderRadius": 20,
                                    "borderStyle": "solid",
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#000000"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e23910c8-0bf2-346a-7a50-910efbb09856",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "flexDirection": "row",
                                            "position": "relative",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "transformY": {
                                                "value": 1,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "bd168f57-de1a-7008-a0de-58c1ed40220f",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentWidth",
                                                    "flexDirection": "row",
                                                    "paddingLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "6eef44e8-fcdb-81f3-d600-d67fe5fd65e3",
                                                        "type": "Image",
                                                        "x": 386,
                                                        "y": 583,
                                                        "parameters": {
                                                            "src": "icons/cart-minus.svg",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "4abacb1d-2597-0109-cfee-13c3279acf05",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 174,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "4384d7b3-084e-3017-8d34-65120027ae4c",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "alignX": "center",
                                                            "sizeMode": "contentHeight",
                                                            "text": "1",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "center",
                                                            "textAlign": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "ee743ebb-4a1c-334e-82dc-47bda0914271",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 302,
                                                "parameters": {
                                                    "sizeMode": "contentWidth",
                                                    "flexDirection": "row",
                                                    "paddingRight": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "54718f82-7a3f-b02a-7bc8-380318faf1ca",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "src": "icons/cart-plus.svg",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "7f3f8a1e-cef4-4eef-7c4b-9c11b4b64f7b",
                        "type": "Component Outputs",
                        "x": 713.6535758950063,
                        "y": 565.8095664567925,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "add",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "remove",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e1a1c0da-31ca-18be-0f99-487a47dbff1b",
                        "type": "Component Inputs",
                        "x": 102.32818308854993,
                        "y": 671.2609225356158,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "quant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/filter popups/filter ratings",
            "graph": {
                "connections": [
                    {
                        "fromId": "9e2de53a-4ccf-2059-3020-8655523210e8",
                        "fromProperty": "onClick",
                        "toId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "toProperty": "star0"
                    },
                    {
                        "fromId": "35af0e9c-f29d-508c-ecbe-1d4de906bfa2",
                        "fromProperty": "onClick",
                        "toId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "toProperty": "star1"
                    },
                    {
                        "fromId": "8a8591db-3ec3-31d9-9b31-2f670c2e10a4",
                        "fromProperty": "onClick",
                        "toId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "toProperty": "star2"
                    },
                    {
                        "fromId": "adf8918d-d885-d1f7-a3e0-905f49045408",
                        "fromProperty": "onClick",
                        "toId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "toProperty": "star3"
                    },
                    {
                        "fromId": "a707025c-a506-71c0-3738-8331ed631694",
                        "fromProperty": "onClick",
                        "toId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "toProperty": "star4"
                    },
                    {
                        "fromId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "fromProperty": "star0",
                        "toId": "071c7edb-e8b7-391a-dc84-05522554c404",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "fromProperty": "star1",
                        "toId": "7be84e0f-1608-7b57-6ad6-1c9a5438af5d",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "fromProperty": "star2",
                        "toId": "e637be37-7119-bc40-a8bf-a1dd54e9d98b",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "fromProperty": "star3",
                        "toId": "e77f09c3-4176-cc3a-cf1f-a79dbf448825",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "fromProperty": "star4",
                        "toId": "74beb1bf-83b2-642e-8e82-f757a0e521ea",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "fromProperty": "rating",
                        "toId": "09fe0e4a-95f9-dc63-1b9b-f4ff8b8eac61",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "fromProperty": "rating",
                        "toId": "a8207015-e8d7-889f-37b5-d7afdea8247e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a8207015-e8d7-889f-37b5-d7afdea8247e",
                        "fromProperty": "valueChanged",
                        "toId": "09fe0e4a-95f9-dc63-1b9b-f4ff8b8eac61",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "697eceaa-db9c-0f9f-a554-b6585a00fb8c",
                        "fromProperty": "Show",
                        "toId": "e917b01a-5bb8-edee-2f9f-2b7077d6144c",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "697eceaa-db9c-0f9f-a554-b6585a00fb8c",
                        "fromProperty": "Hide",
                        "toId": "e917b01a-5bb8-edee-2f9f-2b7077d6144c",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "e917b01a-5bb8-edee-2f9f-2b7077d6144c",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "a587d46b-2152-a5d3-c91d-ca7b24bcdc9a",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "e917b01a-5bb8-edee-2f9f-2b7077d6144c",
                        "fromProperty": "Hiding",
                        "toId": "a587d46b-2152-a5d3-c91d-ca7b24bcdc9a",
                        "toProperty": "Hiding"
                    }
                ],
                "roots": [
                    {
                        "id": "f7306d7d-69b6-b6de-03d2-61d62d5c55f3",
                        "type": "Javascript2",
                        "x": 1531.524350280863,
                        "y": 1032.5839905189987,
                        "parameters": {
                            "code": "define({\n\t\n\tinputs:{\n\t    none:'boolean',\n\t    star0:'boolean',\n        star1:'boolean',\n        star2:'boolean',\n        star3:'boolean',\n        star4:'boolean',\n        //rating: 'number',\n\n\t},\n\t\n\t\n\toutputs:{\n\t    rating:'number',\n\t    star0:'boolean',\n        star1:'boolean',\n        star2:'boolean',\n        star3:'boolean',\n        star4:'boolean',\n\t},\n\t\n\tsetup:function(inputs,outputs) {\n\t    outputs.rating = 1;    \n\t},\n\n\tchange:function(inputs,outputs) {\n\t   \tif (inputs.none) outputs.rating = 0;\n\t\tif (inputs.star0) outputs.rating = 1;\n\t\tif (inputs.star1) outputs.rating = 2;\n\t\tif (inputs.star2) outputs.rating = 3;\n\t\tif (inputs.star3) outputs.rating = 4;\n\t\tif (inputs.star4) outputs.rating = 5;\n\n        if (outputs.rating == 0) {\n            outputs.star0 = 0;\n            outputs.star1 = 0;\n            outputs.star2 = 0;\n            outputs.star3 = 0;\n            outputs.star4 = 0;\n        }\n        if (outputs.rating == 1) {\n            outputs.star0 = 1;\n            outputs.star1 = 0;\n            outputs.star2 = 0;\n            outputs.star3 = 0;\n            outputs.star4 = 0;\n        }\n        if (outputs.rating == 2) {\n            outputs.star0 = 1;\n            outputs.star1 = 1;\n            outputs.star2 = 0;\n            outputs.star3 = 0;\n            outputs.star4 = 0;\n        }\n        if (outputs.rating == 3) {\n            outputs.star0 = 1;\n            outputs.star1 = 1;\n            outputs.star2 = 1;\n            outputs.star3 = 0;\n            outputs.star4 = 0;\n        }\n        if (outputs.rating == 4) {\n            outputs.star0 = 1;\n            outputs.star1 = 1;\n            outputs.star2 = 1;\n            outputs.star3 = 1;\n            outputs.star4 = 0;\n        }\n        if (outputs.rating == 5) {\n            outputs.star0 = 1;\n            outputs.star1 = 1;\n            outputs.star2 = 1;\n            outputs.star3 = 1;\n            outputs.star4 = 1;\n        }\n        this.flagOutputDirty(\"star0\");\n        this.flagOutputDirty(\"star1\");\n        this.flagOutputDirty(\"star2\");\n        this.flagOutputDirty(\"star3\");\n        this.flagOutputDirty(\"star4\");\n        this.flagOutputDirty(\"rating\");\n\n\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "none",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "star0",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "star1",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "star2",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "star3",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "star4",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 7
                            },
                            {
                                "name": "rating",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "star0",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 9
                            },
                            {
                                "name": "star1",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "star2",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 11
                            },
                            {
                                "name": "star3",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 12
                            },
                            {
                                "name": "star4",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 13
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "09fe0e4a-95f9-dc63-1b9b-f4ff8b8eac61",
                        "type": "Event Sender",
                        "x": 1636.7294420486612,
                        "y": 791.2579815113208,
                        "parameters": {
                            "channelName": "ratings filter on"
                        },
                        "ports": [
                            {
                                "name": "rating",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a8207015-e8d7-889f-37b5-d7afdea8247e",
                        "type": "Value Changed",
                        "x": 1804.157760046895,
                        "y": 961.6032417101605,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "697eceaa-db9c-0f9f-a554-b6585a00fb8c",
                        "type": "Component Inputs",
                        "x": 585.2795699421719,
                        "y": 148.9674445088107,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a587d46b-2152-a5d3-c91d-ca7b24bcdc9a",
                        "type": "Component Outputs",
                        "x": 1259.3558645369626,
                        "y": 131.17803661468335,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e917b01a-5bb8-edee-2f9f-2b7077d6144c",
                        "type": "/Search/filter popups/Filter Popup",
                        "x": 890.2311247446482,
                        "y": 183.29653693456515,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "36ebc47a-66f3-3347-cb5e-1a02bfd8b3e7",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2f956218-b467-5ae1-6dfc-917229d69c80",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3709ec2d-af0a-19a0-9a36-baa10b822a22",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "textAlign": "center",
                                                    "text": "What’s your minimum rating?",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "cbd04791-2d53-2868-39cd-3c4483b76afb",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 138,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "flexDirection": "row",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "9e2de53a-4ccf-2059-3020-8655523210e8",
                                                "type": "Group",
                                                "label": "star citizen",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "1f033f0c-8e18-d0cf-cf44-f60e34921235",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "src": "icons/icon_star_gray.svg",
                                                            "position": "absolute"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "071c7edb-e8b7-391a-dc84-05522554c404",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 143,
                                                        "parameters": {
                                                            "src": "icons/icon_star.svg",
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "35af0e9c-f29d-508c-ecbe-1d4de906bfa2",
                                                "type": "Group",
                                                "label": "star citizen",
                                                "x": 20,
                                                "y": 271,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "marginLeft": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "3860d60e-5940-94c1-e046-86dbfce81729",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "src": "icons/icon_star_gray.svg",
                                                            "position": "absolute"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "7be84e0f-1608-7b57-6ad6-1c9a5438af5d",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 143,
                                                        "parameters": {
                                                            "src": "icons/icon_star.svg",
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "8a8591db-3ec3-31d9-9b31-2f670c2e10a4",
                                                "type": "Group",
                                                "label": "star citizen",
                                                "x": 20,
                                                "y": 496,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "marginLeft": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "e656cecd-f7f4-20c4-127c-5edd2542824e",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "src": "icons/icon_star_gray.svg",
                                                            "position": "absolute"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "e637be37-7119-bc40-a8bf-a1dd54e9d98b",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 143,
                                                        "parameters": {
                                                            "src": "icons/icon_star.svg",
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "adf8918d-d885-d1f7-a3e0-905f49045408",
                                                "type": "Group",
                                                "label": "star citizen",
                                                "x": 20,
                                                "y": 721,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "marginLeft": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "efe3d50a-e54b-e349-be5a-b024e03c2d16",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "src": "icons/icon_star_gray.svg",
                                                            "position": "absolute"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "e77f09c3-4176-cc3a-cf1f-a79dbf448825",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 143,
                                                        "parameters": {
                                                            "src": "icons/icon_star.svg",
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "a707025c-a506-71c0-3738-8331ed631694",
                                                "type": "Group",
                                                "label": "star citizen",
                                                "x": 20,
                                                "y": 946,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "marginLeft": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "02baff24-5ecb-e10d-3f9c-6f077c159bb1",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "src": "icons/icon_star_gray.svg",
                                                            "position": "absolute"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "74beb1bf-83b2-642e-8e82-f757a0e521ea",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 143,
                                                        "parameters": {
                                                            "src": "icons/icon_star.svg",
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Search/filter popups/filter price",
            "graph": {
                "connections": [
                    {
                        "fromId": "86d1bc71-276a-0f03-7d4a-539cea1d8500",
                        "fromProperty": "formatted",
                        "toId": "0445d8b5-0a37-c13b-8ed2-9a0aedfb28dd",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "445afdd4-93c9-03d8-c94e-ab51588a3faf",
                        "fromProperty": "remappedValue",
                        "toId": "d7190280-4814-d6de-c0c9-b533242a6d07",
                        "toProperty": "x"
                    },
                    {
                        "fromId": "d7190280-4814-d6de-c0c9-b533242a6d07",
                        "fromProperty": "result",
                        "toId": "86d1bc71-276a-0f03-7d4a-539cea1d8500",
                        "toProperty": "high"
                    },
                    {
                        "fromId": "86d1bc71-276a-0f03-7d4a-539cea1d8500",
                        "fromProperty": "formatted",
                        "toId": "9529a15d-44d8-2908-7aa4-c351ecc25828",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "86d1bc71-276a-0f03-7d4a-539cea1d8500",
                        "fromProperty": "formatted",
                        "toId": "9485128e-ba3d-25f0-41fa-c7fc5ddf9d94",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "d7190280-4814-d6de-c0c9-b533242a6d07",
                        "fromProperty": "result",
                        "toId": "9529a15d-44d8-2908-7aa4-c351ecc25828",
                        "toProperty": "hight"
                    },
                    {
                        "fromId": "ad31cee6-7efb-eabd-7894-3c2f6e1b3a7c",
                        "fromProperty": "savedValue",
                        "toId": "9529a15d-44d8-2908-7aa4-c351ecc25828",
                        "toProperty": "low"
                    },
                    {
                        "fromId": "9485128e-ba3d-25f0-41fa-c7fc5ddf9d94",
                        "fromProperty": "valueChanged",
                        "toId": "32a0ad96-fde7-a566-c22f-b6e96ea5d7c8",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "32a0ad96-fde7-a566-c22f-b6e96ea5d7c8",
                        "fromProperty": "timerFinished",
                        "toId": "9529a15d-44d8-2908-7aa4-c351ecc25828",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "933f73ae-b85c-df54-55e9-a9016e63cc90",
                        "fromProperty": "maxPrice",
                        "toId": "445afdd4-93c9-03d8-c94e-ab51588a3faf",
                        "toProperty": "maxOutputValue"
                    },
                    {
                        "fromId": "ec10d39e-000b-bdf9-2fec-31e99502069c",
                        "fromProperty": "boundingWidth",
                        "toId": "20fa6459-5532-3976-4aa7-024005a9b486",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "20fa6459-5532-3976-4aa7-024005a9b486",
                        "fromProperty": "result",
                        "toId": "445afdd4-93c9-03d8-c94e-ab51588a3faf",
                        "toProperty": "maxInputValue"
                    },
                    {
                        "fromId": "1a1ab7c0-64fd-c604-7ca0-8ed3e7d594e0",
                        "fromProperty": "boundingWidth",
                        "toId": "20fa6459-5532-3976-4aa7-024005a9b486",
                        "toProperty": "diam"
                    },
                    {
                        "fromId": "933f73ae-b85c-df54-55e9-a9016e63cc90",
                        "fromProperty": "maxPrice",
                        "toId": "091e1da3-cbf8-35ff-d97c-911981a5dba6",
                        "toProperty": "x"
                    },
                    {
                        "fromId": "210adf03-e254-b0f4-faf4-4c7a7f84dfad",
                        "fromProperty": "formatted",
                        "toId": "e5ef6283-2a92-568a-ef0c-2a1f4f3d98bb",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e6cda343-76e7-7042-ebad-362481ab59f0",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "e119db0d-eee9-bd5a-bd46-08caf383dce7",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "e6cda343-76e7-7042-ebad-362481ab59f0",
                        "fromProperty": "Hiding",
                        "toId": "e119db0d-eee9-bd5a-bd46-08caf383dce7",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "4dbbdc20-2bf6-96c7-943f-63f438adbc37",
                        "fromProperty": "Show",
                        "toId": "e6cda343-76e7-7042-ebad-362481ab59f0",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "4dbbdc20-2bf6-96c7-943f-63f438adbc37",
                        "fromProperty": "Hide",
                        "toId": "e6cda343-76e7-7042-ebad-362481ab59f0",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "091e1da3-cbf8-35ff-d97c-911981a5dba6",
                        "fromProperty": "result",
                        "toId": "210adf03-e254-b0f4-faf4-4c7a7f84dfad",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "1a1ab7c0-64fd-c604-7ca0-8ed3e7d594e0",
                        "fromProperty": "positionX",
                        "toId": "1d78287c-94ed-46dd-f932-14cb1f315f32",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "1a1ab7c0-64fd-c604-7ca0-8ed3e7d594e0",
                        "fromProperty": "positionX",
                        "toId": "445afdd4-93c9-03d8-c94e-ab51588a3faf",
                        "toProperty": "inputValue"
                    },
                    {
                        "fromId": "ec10d39e-000b-bdf9-2fec-31e99502069c",
                        "fromProperty": "didMount",
                        "toId": "1a1ab7c0-64fd-c604-7ca0-8ed3e7d594e0",
                        "toProperty": "snapToPositionX.do"
                    },
                    {
                        "fromId": "20fa6459-5532-3976-4aa7-024005a9b486",
                        "fromProperty": "result",
                        "toId": "1a1ab7c0-64fd-c604-7ca0-8ed3e7d594e0",
                        "toProperty": "snapToPositionX.value"
                    }
                ],
                "roots": [
                    {
                        "id": "86d1bc71-276a-0f03-7d4a-539cea1d8500",
                        "type": "String Format",
                        "x": 1268.9985346794522,
                        "y": 538.3071269558376,
                        "parameters": {
                            "format": "$0 - ${high}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "high",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "445afdd4-93c9-03d8-c94e-ab51588a3faf",
                        "type": "Number Remapper",
                        "x": 1449.2477542544977,
                        "y": 1211.3616776094955,
                        "parameters": {
                            "maxInputValue": 600,
                            "maxOutputValue": 3500,
                            "minInputValue": 0,
                            "minOutputValue": 1
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d7190280-4814-d6de-c0c9-b533242a6d07",
                        "type": "Expression",
                        "x": 1751.754284813592,
                        "y": 1209.8791669496431,
                        "parameters": {
                            "expression": "round(x)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "x",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9529a15d-44d8-2908-7aa4-c351ecc25828",
                        "type": "Event Sender",
                        "x": 1605.5202610303845,
                        "y": 531.616967454389,
                        "parameters": {
                            "channelName": "price filter on"
                        },
                        "ports": [
                            {
                                "name": "price",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "low",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "hight",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9485128e-ba3d-25f0-41fa-c7fc5ddf9d94",
                        "type": "Value Changed",
                        "x": 1733.901876242034,
                        "y": 907.9744890058674,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ad31cee6-7efb-eabd-7894-3c2f6e1b3a7c",
                        "type": "Number",
                        "x": 1866.2074128643021,
                        "y": 585.5938270802542,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "32a0ad96-fde7-a566-c22f-b6e96ea5d7c8",
                        "type": "Timer",
                        "x": 1801.5868099089118,
                        "y": 760.9926065305974,
                        "parameters": {
                            "duration": 100
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "933f73ae-b85c-df54-55e9-a9016e63cc90",
                        "type": "Globals",
                        "x": 1601.353519562283,
                        "y": 1457.530009116378,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "maxPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "20fa6459-5532-3976-4aa7-024005a9b486",
                        "type": "Expression",
                        "x": 1352.3027888028548,
                        "y": 1042.9922819907456,
                        "parameters": {
                            "expression": "width - diam "
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "width",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "diam",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "091e1da3-cbf8-35ff-d97c-911981a5dba6",
                        "type": "Expression",
                        "x": 1591.0485137098867,
                        "y": 1553.5185688909316,
                        "parameters": {
                            "expression": "Math.round(x)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "x",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "210adf03-e254-b0f4-faf4-4c7a7f84dfad",
                        "type": "String Format",
                        "x": 1311.4255688124565,
                        "y": 1512.0766701102823,
                        "parameters": {
                            "format": "${num}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4dbbdc20-2bf6-96c7-943f-63f438adbc37",
                        "type": "Component Inputs",
                        "x": 525.5213522739726,
                        "y": 276.96240633696027,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e119db0d-eee9-bd5a-bd46-08caf383dce7",
                        "type": "Component Outputs",
                        "x": 1134.4278773853284,
                        "y": 294.14030129785186,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e6cda343-76e7-7042-ebad-362481ab59f0",
                        "type": "/Search/filter popups/Filter Popup",
                        "x": 870.715776803776,
                        "y": 271.02612912162465,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "83e6e058-8e6c-3277-2a6b-fd23cd1c10b6",
                                "type": "Group",
                                "x": 910.715776803776,
                                "y": 389.8234876362664,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "8679114b-e73e-ce02-e70d-7737e641ded2",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "textAlign": "center",
                                            "text": "Price range",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "f8e34630-751b-a4b6-000a-c79d349159af",
                                "type": "Group",
                                "x": 910.715776803776,
                                "y": 481.8234876362665,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center",
                                    "marginTop": {
                                        "value": 24,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0445d8b5-0a37-c13b-8ed2-9a0aedfb28dd",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "textAlign": "center",
                                            "text": "Within 1 hour",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "9289543f-fe05-1360-24d8-0561ace473d9",
                                "type": "Group",
                                "label": "Static scale",
                                "x": 20,
                                "y": 342,
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "12b42ec2-f6c8-ae3c-6725-4f51fa43bbdb",
                                        "type": "Group",
                                        "label": "Timeline",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 38,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 38,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "f67c4878-04b3-7f17-48e9-c3b426aa9f50",
                                                "type": "Group",
                                                "label": "line",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "backgroundColor": "#E7E9EE",
                                                    "height": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute",
                                                    "marginTop": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "1d78287c-94ed-46dd-f932-14cb1f315f32",
                                                "type": "Group",
                                                "label": "filled line",
                                                "x": 20,
                                                "y": 122,
                                                "parameters": {
                                                    "backgroundColor": "#0071CE",
                                                    "height": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute",
                                                    "marginTop": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    },
                                                    "width": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "416be0fc-c14e-46a1-5c3f-2a40d4336b57",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 219,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "cb69d41f-ffa8-902a-0899-d9025c93a133",
                                                        "type": "Group",
                                                        "label": "Hour item",
                                                        "x": 887.5655955489866,
                                                        "y": 1124.9048544560205,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "alignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "2308bab9-ed04-522a-3677-9bb6a7346087",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "08946480-5843-0711-0edc-6299a9f57ba5",
                                                                        "type": "Circle",
                                                                        "x": 927.5655955489866,
                                                                        "y": 1231.9048544560205,
                                                                        "parameters": {
                                                                            "size": 14,
                                                                            "position": "relative",
                                                                            "marginTop": {
                                                                                "value": 2,
                                                                                "unit": "px"
                                                                            },
                                                                            "fillColor": "#0071CE",
                                                                            "alignY": "center"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "920de630-c541-f06f-0091-8132edfd3481",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 153,
                                                                "parameters": {
                                                                    "text": "$0",
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "marginTop": {
                                                                        "value": 13,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "a6487f9b-b0fe-62a2-fd7c-94ea863287c9",
                                                        "type": "Group",
                                                        "label": "Hour item",
                                                        "x": 887.5655955489866,
                                                        "y": 1323.9048544560205,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "position": "absolute",
                                                            "alignX": "right"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "d1cbf9fc-8e4a-1073-9b49-5ed322627b8d",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "right",
                                                                    "paddingRight": {
                                                                        "value": 0,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "49935a46-46d6-40f5-5133-8e9ae05229d1",
                                                                        "type": "Circle",
                                                                        "x": 20,
                                                                        "y": 46,
                                                                        "parameters": {
                                                                            "size": 14,
                                                                            "position": "relative",
                                                                            "marginTop": {
                                                                                "value": 2,
                                                                                "unit": "px"
                                                                            },
                                                                            "fillColor": "#E7E9EE",
                                                                            "alignY": "center",
                                                                            "alignX": "right",
                                                                            "marginLeft": {
                                                                                "value": 0,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "e5ef6283-2a92-568a-ef0c-2a1f4f3d98bb",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 153,
                                                                "parameters": {
                                                                    "text": "$3500",
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "center",
                                                                    "textAlign": "center",
                                                                    "marginTop": {
                                                                        "value": 13,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ec10d39e-000b-bdf9-2fec-31e99502069c",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 760,
                                        "parameters": {
                                            "marginRight": {
                                                "value": 30,
                                                "unit": "px"
                                            },
                                            "position": "absolute",
                                            "marginTop": {
                                                "value": -5,
                                                "unit": "px"
                                            },
                                            "alignY": "center",
                                            "sizeMode": "contentHeight",
                                            "marginLeft": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1a1ab7c0-64fd-c604-7ca0-8ed3e7d594e0",
                                                "type": "Drag",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "style": "{\n}",
                                                    "snapToPositionX.duration": 0
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "06722922-6778-0e9b-9dcb-d1f5152a2acf",
                                                        "type": "Circle",
                                                        "x": 20,
                                                        "y": 102,
                                                        "parameters": {
                                                            "size": 28,
                                                            "position": "relative",
                                                            "fillColor": "white",
                                                            "strokeEnabled": true,
                                                            "strokeWidth": 4,
                                                            "strokeColor": "#0071CE",
                                                            "alignY": "center",
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Checkout Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "42453bc8-b926-85bb-9363-28e3f170c2c7",
                        "fromProperty": "itemId",
                        "toId": "24d888cf-a2fd-342d-d5ed-a99d90c910c8",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "d6dbeeba-eaca-a1b4-f017-192461f839c9",
                        "fromProperty": "img",
                        "toId": "675fa9b6-7e33-ac87-e6f3-3a440f54d850",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "24d888cf-a2fd-342d-d5ed-a99d90c910c8",
                        "fromProperty": "itemId",
                        "toId": "d6dbeeba-eaca-a1b4-f017-192461f839c9",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "24d888cf-a2fd-342d-d5ed-a99d90c910c8",
                        "fromProperty": "count",
                        "toId": "14fb8639-5a1f-2bc3-06cd-adcb8f36141a",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "24d888cf-a2fd-342d-d5ed-a99d90c910c8",
                        "fromProperty": "count",
                        "toId": "a5e7b26b-367c-1b50-fafc-40522c6c9483",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "a5e7b26b-367c-1b50-fafc-40522c6c9483",
                        "fromProperty": "result",
                        "toId": "ac0fab02-d43c-dd2f-da29-644f4a3c190f",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "0704a43b-3ce8-bb16-e000-73a6e07628e3",
                        "type": "Group",
                        "x": 1685.4521813517204,
                        "y": 621.3528223218489,
                        "parameters": {
                            "sizeMode": "contentSize"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "8fb2b14e-4388-54c7-e7c5-680cd5ca5a49",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentSize",
                                    "marginRight": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "675fa9b6-7e33-ac87-e6f3-3a440f54d850",
                                        "type": "Image",
                                        "x": 1118.3121642768365,
                                        "y": 625,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 35,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 35,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ac0fab02-d43c-dd2f-da29-644f4a3c190f",
                                        "type": "Group",
                                        "x": 1118.3121642768365,
                                        "y": 707,
                                        "parameters": {
                                            "position": "absolute",
                                            "alignX": "right",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "45264873-600b-542d-9ac9-dda08e891794",
                                                "type": "Circle",
                                                "x": 1138.3121642768365,
                                                "y": 789,
                                                "parameters": {
                                                    "size": 15,
                                                    "fillColor": "#0071CE"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "14fb8639-5a1f-2bc3-06cd-adcb8f36141a",
                                                "type": "Text",
                                                "x": 1138.3121642768365,
                                                "y": 835,
                                                "parameters": {
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "color": "#FFFFFF",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute",
                                                    "sizeMode": "contentWidth",
                                                    "transformY": {
                                                        "value": -2,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "42453bc8-b926-85bb-9363-28e3f170c2c7",
                        "type": "For Each Actions",
                        "x": 1061.1400170748839,
                        "y": 765.7877983927541,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d6dbeeba-eaca-a1b4-f017-192461f839c9",
                        "type": "Model",
                        "label": "Product Item",
                        "x": 1377.346506636688,
                        "y": 875.2729996156756,
                        "parameters": {
                            "properties": "title,price,img,totalPrice,quant"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "totalPrice",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "24d888cf-a2fd-342d-d5ed-a99d90c910c8",
                        "type": "Model",
                        "label": "Cart Item",
                        "x": 1373.5182475693477,
                        "y": 732.4525556125892,
                        "parameters": {
                            "properties": "itemId,count"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "count",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a5e7b26b-367c-1b50-fafc-40522c6c9483",
                        "type": "Expression",
                        "x": 1455.1400170748839,
                        "y": 1063.3528223218489,
                        "parameters": {
                            "expression": "count > 1"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Payment Method Card",
            "graph": {
                "connections": [],
                "roots": [
                    {
                        "id": "f4d81eca-abfe-caf8-59f9-aab7b9d1e2be",
                        "type": "Group",
                        "label": "Content",
                        "x": 258,
                        "y": 523,
                        "parameters": {
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 12,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5a77d390-aeb3-caec-0174-033017b05408",
                                "type": "Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "sizeMode": "contentHeight",
                                    "borderRadius": 8,
                                    "paddingLeft": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 22,
                                        "unit": "px"
                                    },
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#E6E6E6",
                                    "borderStyle": "solid",
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetX": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "boxShadowInset": false,
                                    "boxShadowColor": "rgba(0,0,0,0.05)"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "58cef006-5b86-c416-e040-5b21fc503097",
                                        "type": "Group",
                                        "label": "HEADER",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "marginBottom": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "620af5de-c8a2-d3d5-9e1c-8318e91f70b9",
                                                "type": "Group",
                                                "x": 318,
                                                "y": 691,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "09cc52e6-80f4-3646-ce09-cc5ee8ca7489",
                                                        "type": "Text",
                                                        "x": 338,
                                                        "y": 737,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 18,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth",
                                                            "text": "Payment method"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "ce196eaf-5d0c-0d75-e563-f150d8e9271e",
                                                "type": "Group",
                                                "x": 318,
                                                "y": 783,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginTop": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentWidth"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "7173c1fd-85c5-be70-81a1-1426af54be4b",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "color": "#434B53",
                                                            "text": "Edit",
                                                            "style": "{\n    textDecoration:'underline'\n}"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "2a52c722-3b9c-b3db-78b9-8eec706a47bb",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 291,
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "72daea8b-b1a0-fb8d-c045-3aee38a86235",
                                                "type": "/UI Components/Design System/Divider",
                                                "x": 327,
                                                "y": 1078,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "c15a9de4-35dd-4b49-edf2-dab037d0beb0",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 383,
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1275b23f-5932-fb4b-8731-5b9f2f507d54",
                                                "type": "Group",
                                                "x": 318,
                                                "y": 921,
                                                "parameters": {
                                                    "width": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "8c129147-7180-dd2e-1c8e-d001e4f8bd81",
                                                        "type": "Image",
                                                        "x": 338,
                                                        "y": 967,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "srcSet": "images/Visa.png, images/Visa@2x.png 2x, images/Visa@3x.png 3x",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "536ad9d2-8a3b-d899-8391-0712d0f01580",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 138,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "color": "#46474A",
                                                    "text": "Visa ending in 2101",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Search/Typeahead Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "b8948a48-0e62-6bfe-9b7c-273a95dbdba6",
                        "fromProperty": "itemId",
                        "toId": "964bf5e1-03b9-9b2d-75c0-557272d6b737",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "964bf5e1-03b9-9b2d-75c0-557272d6b737",
                        "fromProperty": "searchstring",
                        "toId": "6b5eb83e-a167-84ac-a9d4-a4c98f642fa5",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "964bf5e1-03b9-9b2d-75c0-557272d6b737",
                        "fromProperty": "category",
                        "toId": "c50a801f-b771-8f50-77a3-1956cc80684b",
                        "toProperty": "category"
                    },
                    {
                        "fromId": "c50a801f-b771-8f50-77a3-1956cc80684b",
                        "fromProperty": "formatted",
                        "toId": "974c3a0e-b6c7-522d-c5ba-e3da0c599de3",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "5d95494d-6e0a-7f23-e143-1d81436154c7",
                        "fromProperty": "onClick",
                        "toId": "2fce37ba-1a11-2d0f-4ccb-bbda6972cd80",
                        "toProperty": "trigger"
                    }
                ],
                "roots": [
                    {
                        "id": "5d95494d-6e0a-7f23-e143-1d81436154c7",
                        "type": "Group",
                        "x": 251,
                        "y": 375,
                        "parameters": {
                            "height": {
                                "value": 45,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "55784b6c-aea9-5e44-e797-9aad5b7a1de5",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6b5eb83e-a167-84ac-a9d4-a4c98f642fa5",
                                        "type": "Text",
                                        "x": 291,
                                        "y": 467,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "color": "#222222",
                                            "sizeMode": "contentSize",
                                            "marginRight": {
                                                "value": 3,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "974c3a0e-b6c7-522d-c5ba-e3da0c599de3",
                                        "type": "Text",
                                        "x": 291,
                                        "y": 549,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "color": "#222222"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "852a8656-0c4b-9401-bf83-46753a28848b",
                                        "type": "Image",
                                        "x": 313,
                                        "y": 446,
                                        "parameters": {
                                            "src": "icons/link-arrrow.svg",
                                            "position": "absolute",
                                            "alignX": "right",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "9bffe17f-0679-cbe5-11c8-5e2ed1605a02",
                                "type": "/UI Components/Design System/Divider",
                                "x": 20,
                                "y": 128,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "b8948a48-0e62-6bfe-9b7c-273a95dbdba6",
                        "type": "For Each Actions",
                        "x": -153,
                        "y": 449,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "964bf5e1-03b9-9b2d-75c0-557272d6b737",
                        "type": "Model",
                        "x": -166,
                        "y": 556,
                        "parameters": {
                            "properties": "category,searchstring"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "category",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "searchstring",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c50a801f-b771-8f50-77a3-1956cc80684b",
                        "type": "String Format",
                        "x": 82,
                        "y": 532,
                        "parameters": {
                            "format": "in {category}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "category",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2fce37ba-1a11-2d0f-4ccb-bbda6972cd80",
                        "type": "Trigger Item Action",
                        "x": 9,
                        "y": 306,
                        "parameters": {
                            "actionName": "Do Category Search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Review Order Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "9418acd2-c5c5-320f-ea61-4009986e2456",
                        "fromProperty": "Show",
                        "toId": "17134440-c2fe-1492-5c8b-e2776947d1ed",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "9418acd2-c5c5-320f-ea61-4009986e2456",
                        "fromProperty": "To Right",
                        "toId": "17134440-c2fe-1492-5c8b-e2776947d1ed",
                        "toProperty": "To Right"
                    },
                    {
                        "fromId": "2b0946b3-554f-7723-c7ed-d8368b27656c",
                        "fromProperty": "Click",
                        "toId": "329ad0c9-414f-ead4-2d5e-c223788fe6b6",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "cecf2034-1053-2a6d-30fd-78fc5b0a6fc8",
                        "fromProperty": "deliveryType",
                        "toId": "cb1c90a6-903a-07b1-9782-75feec6ff395",
                        "toProperty": "Delivery Type"
                    },
                    {
                        "fromId": "cb1c90a6-903a-07b1-9782-75feec6ff395",
                        "fromProperty": "Label",
                        "toId": "1913a2b0-2dbe-a726-31b2-9844995a38a0",
                        "toProperty": "Title"
                    },
                    {
                        "fromId": "cecf2034-1053-2a6d-30fd-78fc5b0a6fc8",
                        "fromProperty": "deliveryDate",
                        "toId": "11586492-f30a-a839-2b69-3fe03ffc5b21",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "cecf2034-1053-2a6d-30fd-78fc5b0a6fc8",
                        "fromProperty": "deliverySlot",
                        "toId": "11586492-f30a-a839-2b69-3fe03ffc5b21",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "cecf2034-1053-2a6d-30fd-78fc5b0a6fc8",
                        "fromProperty": "shippingDate",
                        "toId": "9d767172-6e14-fe6e-61a1-46b94198ce6a",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "11586492-f30a-a839-2b69-3fe03ffc5b21",
                        "fromProperty": "Arrives By Label",
                        "toId": "1913a2b0-2dbe-a726-31b2-9844995a38a0",
                        "toProperty": "Arrival Label"
                    },
                    {
                        "fromId": "9d767172-6e14-fe6e-61a1-46b94198ce6a",
                        "fromProperty": "Arrives By Label",
                        "toId": "01790455-dc39-09ee-3ae8-ebcd9e4284aa",
                        "toProperty": "Arrival Label"
                    },
                    {
                        "fromId": "b8f0832e-09af-74fa-1aa4-f310646b735c",
                        "fromProperty": "Is Running Fullscreen",
                        "toId": "0d524c5c-c0e6-bf86-074c-dfbdf7af595b",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "0d524c5c-c0e6-bf86-074c-dfbdf7af595b",
                        "fromProperty": "result",
                        "toId": "d66753e2-f4f5-fbd8-2046-53fd5450cda9",
                        "toProperty": "paddingBottom"
                    },
                    {
                        "fromId": "2b0946b3-554f-7723-c7ed-d8368b27656c",
                        "fromProperty": "Click",
                        "toId": "53038367-16a5-1c9a-2db4-acd04ca12ed9",
                        "toProperty": "doLog"
                    },
                    {
                        "fromId": "2b0946b3-554f-7723-c7ed-d8368b27656c",
                        "fromProperty": "Click",
                        "toId": "ca8de9d3-4ff9-a4ff-43ee-8b7f713c5806",
                        "toProperty": "Show Place Order Page"
                    },
                    {
                        "fromId": "2b0946b3-554f-7723-c7ed-d8368b27656c",
                        "fromProperty": "Click",
                        "toId": "6a7323d7-c4bf-7516-466b-4650077c7ab7",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "17134440-c2fe-1492-5c8b-e2776947d1ed",
                        "type": "/UI Components/Page",
                        "x": 549.7371117371042,
                        "y": 492.16180989950055,
                        "parameters": {
                            "Start Visible": false,
                            "Clip": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "348f718d-972b-730b-c2a4-8cc770e40568",
                                "type": "Group",
                                "x": 569.7371117371042,
                                "y": 594.1618098995006,
                                "parameters": {
                                    "backgroundColor": "#FAFAFA",
                                    "sizeMode": "explicit",
                                    "scrollBehavior": "noodl"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "71bac85c-7eb0-7e39-6bac-f3eaf62daad0",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1913a2b0-2dbe-a726-31b2-9844995a38a0",
                                                "type": "/Checkout/Review Order Delivery Card",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "Title": "Delivery",
                                                    "Collection Id": "predelivery",
                                                    "Arrival Date": " | within 1 hour"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "e3acc61c-ba9b-d224-1ad1-9a39215fad67",
                                        "type": "Group",
                                        "x": 589.7371117371042,
                                        "y": 788.1618098995006,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "01790455-dc39-09ee-3ae8-ebcd9e4284aa",
                                                "type": "/Checkout/Review Order Shipping Card",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "Collection Id": "preshipping"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "96a941ad-818d-17c6-213f-ceaefb6d97f9",
                                        "type": "Group",
                                        "label": "PAYMENT",
                                        "x": 589.7371117371042,
                                        "y": 916.1618098995006,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3d0949eb-cc80-5c36-e536-6a7ac8c0bf08",
                                                "type": "/Checkout/Payment Method Card",
                                                "x": 609.7371117371042,
                                                "y": 977.1618098995006,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "20dc6572-c99f-5b40-6d1f-b83ee10b334c",
                                        "type": "/UI Components/Design System/Divider",
                                        "x": 589.7371117371042,
                                        "y": 1023.1618098995006,
                                        "parameters": {
                                            "line color": "#D4D4D4"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "a0efe1b8-0e29-c60c-090a-961345df2bf8",
                                        "type": "Group",
                                        "label": "TOTALS",
                                        "x": 589.7371117371042,
                                        "y": 1069.1618098995004,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 5,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "97f706bc-a1ee-c9a8-6d65-8234c4c4ee77",
                                                "type": "/UI Components/Order Totals Table",
                                                "x": 609.7371117371042,
                                                "y": 1130.1618098995004,
                                                "parameters": {
                                                    "delivery": false,
                                                    "Order Id": "order_in_progress"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "d66753e2-f4f5-fbd8-2046-53fd5450cda9",
                                "type": "Group",
                                "x": 569.7371117371042,
                                "y": 1176.1618098995004,
                                "parameters": {
                                    "position": "relative",
                                    "alignY": "bottom",
                                    "sizeMode": "contentHeight",
                                    "backgroundColor": "#FAFAFA",
                                    "paddingBottom": {
                                        "value": 30,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "conflicts": [
                                    {
                                        "type": "parameter",
                                        "name": "marginBottom",
                                        "theirs": {
                                            "value": 0,
                                            "unit": "px"
                                        }
                                    }
                                ],
                                "children": [
                                    {
                                        "id": "adae0a00-280e-53c8-9ca5-b2ac9d62a3de",
                                        "type": "/Components/Divider",
                                        "x": 589.7371117371042,
                                        "y": 1258.1618098995004,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "23d3bd00-7d21-6ef3-07c0-67f11949bfe1",
                                        "type": "Group",
                                        "label": "CHECKOUT",
                                        "x": 589.7371117371042,
                                        "y": 1304.1618098995004,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2b0946b3-554f-7723-c7ed-d8368b27656c",
                                                "type": "/UI Components/Design System/Button",
                                                "x": 609.7371117371042,
                                                "y": 1365.1618098995004,
                                                "parameters": {
                                                    "Title": "Place Order"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "9418acd2-c5c5-320f-ea61-4009986e2456",
                        "type": "Component Inputs",
                        "x": 324.2688166025314,
                        "y": 479.70593792205585,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6a7323d7-c4bf-7516-466b-4650077c7ab7",
                        "type": "Event Sender",
                        "x": 971.8766218413303,
                        "y": 1485.6384823693681,
                        "parameters": {
                            "channelName": "Show Place Order Popup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "329ad0c9-414f-ead4-2d5e-c223788fe6b6",
                        "type": "Event Sender",
                        "x": 317.42695776496794,
                        "y": 1364.8489999385636,
                        "parameters": {
                            "channelName": "PlaceOrder"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cecf2034-1053-2a6d-30fd-78fc5b0a6fc8",
                        "type": "Model",
                        "x": -141.3009445799346,
                        "y": 620.9475751291917,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cb1c90a6-903a-07b1-9782-75feec6ff395",
                        "type": "/Components/Delivery Type To Label",
                        "x": 156.6990554200654,
                        "y": 794.9475751291917,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "11586492-f30a-a839-2b69-3fe03ffc5b21",
                        "type": "/Components/Get Time Label",
                        "x": 138.6990554200654,
                        "y": 602.9475751291917,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9d767172-6e14-fe6e-61a1-46b94198ce6a",
                        "type": "/Components/Get Time Label",
                        "x": 124.6990554200654,
                        "y": 986.9475751291916,
                        "parameters": {
                            "Use Long Day Format": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8f0832e-09af-74fa-1aa4-f310646b735c",
                        "type": "/Components/Running iOS Fullscreen",
                        "x": 1091.8730330758199,
                        "y": 1297.243275182521,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0d524c5c-c0e6-bf86-074c-dfbdf7af595b",
                        "type": "Number Blend",
                        "x": 912.6060712659475,
                        "y": 1287.80817192937,
                        "parameters": {
                            "input 0": 10,
                            "input 1": 25
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "53038367-16a5-1c9a-2db4-acd04ca12ed9",
                        "type": "/SessionData/Page event",
                        "x": 644.2205123310566,
                        "y": 1579.8368021386598,
                        "parameters": {
                            "pageId": "place_order",
                            "action": "from_cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ca8de9d3-4ff9-a4ff-43ee-8b7f713c5806",
                        "type": "Component Outputs",
                        "x": 1046.0229911645101,
                        "y": 1598.723170389348,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show Place Order Page",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Order Status popup",
            "graph": {
                "connections": [
                    {
                        "fromId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "fromProperty": "at-hide",
                        "toId": "9d6f5b19-1dcd-07d1-881c-c350786c969b",
                        "toProperty": "Popup hidden"
                    },
                    {
                        "fromId": "da00385f-4259-9178-b073-589ccb093975",
                        "fromProperty": "show",
                        "toId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "toProperty": "to-show"
                    },
                    {
                        "fromId": "da00385f-4259-9178-b073-589ccb093975",
                        "fromProperty": "hide",
                        "toId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "fromProperty": "at-show",
                        "toId": "727ec89f-7ada-8d57-b92f-9f5077aae4c8",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "fromProperty": "reached-hide",
                        "toId": "727ec89f-7ada-8d57-b92f-9f5077aae4c8",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "727ec89f-7ada-8d57-b92f-9f5077aae4c8",
                        "fromProperty": "state",
                        "toId": "d9d242f9-7e0a-463c-dae1-8470113cf2e4",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "fromProperty": "stateChanged",
                        "toId": "dc7d30f7-5e16-8d74-6e66-6999943a1fbf",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "641ae6b1-cf49-8e87-1602-a46e26fc1126",
                        "fromProperty": "items",
                        "toId": "dc7d30f7-5e16-8d74-6e66-6999943a1fbf",
                        "toProperty": "shippingItems"
                    },
                    {
                        "fromId": "9b482348-278f-5301-5db6-6b0cad631676",
                        "fromProperty": "LatestOrderId",
                        "toId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "44094e12-04ee-4b72-bcff-d20cba325003",
                        "fromProperty": "eventReceived",
                        "toId": "dc7d30f7-5e16-8d74-6e66-6999943a1fbf",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "fromProperty": "deliveryDate",
                        "toId": "83f8e38e-99c7-a402-4384-8328f748efe8",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "fromProperty": "deliverySlot",
                        "toId": "83f8e38e-99c7-a402-4384-8328f748efe8",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "c618c760-cd9d-816a-bf4a-a6af0c0ee5b1",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "fromProperty": "shippingCollectionId",
                        "toId": "dc7d30f7-5e16-8d74-6e66-6999943a1fbf",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "fromProperty": "shippingCollectionId",
                        "toId": "641ae6b1-cf49-8e87-1602-a46e26fc1126",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "489a7b99-925d-54e9-a77f-0c1b03f39840",
                        "fromProperty": "onClick",
                        "toId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "fromProperty": "Pos X",
                        "toId": "d9d242f9-7e0a-463c-dae1-8470113cf2e4",
                        "toProperty": "transformX"
                    },
                    {
                        "fromId": "489a7b99-925d-54e9-a77f-0c1b03f39840",
                        "fromProperty": "onClick",
                        "toId": "4fecbe53-d449-678a-fdad-d3be4b4abfdd",
                        "toProperty": "Close Popup"
                    },
                    {
                        "fromId": "83f8e38e-99c7-a402-4384-8328f748efe8",
                        "fromProperty": "Arrives By Label",
                        "toId": "ea663854-6fb6-e8cc-e4b2-5287671543b9",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "18898ba3-1d59-1e8c-35d3-9cb37ac55364",
                        "fromProperty": "DeliveryAddress",
                        "toId": "61b946f9-3908-9e80-7e96-909d7b86840f",
                        "toProperty": "addy"
                    },
                    {
                        "fromId": "61b946f9-3908-9e80-7e96-909d7b86840f",
                        "fromProperty": "formatted",
                        "toId": "c150fb91-84f6-c163-8b68-4f3f371fc3ad",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ab8c390c-e31c-3d5a-8cd7-f623e9abe269",
                        "fromProperty": "formatted",
                        "toId": "0e546eb2-78c0-e70d-2e45-0a28ec69a27a",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "a13e4af9-ea41-49cf-b95d-24f938ecec8f",
                        "fromProperty": "LatestOrderId",
                        "toId": "05014003-6254-b07f-f8d0-a1062ed13f38",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "05014003-6254-b07f-f8d0-a1062ed13f38",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "588926e7-b4fa-9c7f-c9de-18c695d34fa9",
                        "toProperty": "Cart Id"
                    },
                    {
                        "fromId": "0a91cb4f-e383-b892-8540-a3b9cedd96bb",
                        "fromProperty": "result",
                        "toId": "675c9e2b-a058-8ca3-894e-0d9b7636d509",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "07e3e057-e1cc-ce6e-0829-e8628ebe1636",
                        "fromProperty": "result",
                        "toId": "0a91cb4f-e383-b892-8540-a3b9cedd96bb",
                        "toProperty": "delivery"
                    },
                    {
                        "fromId": "588926e7-b4fa-9c7f-c9de-18c695d34fa9",
                        "fromProperty": "Total Price",
                        "toId": "07e3e057-e1cc-ce6e-0829-e8628ebe1636",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "675c9e2b-a058-8ca3-894e-0d9b7636d509",
                        "fromProperty": "result",
                        "toId": "ab8c390c-e31c-3d5a-8cd7-f623e9abe269",
                        "toProperty": "total"
                    },
                    {
                        "fromId": "36ac8857-6a7a-7a50-6bc6-c3dc0d0ab515",
                        "fromProperty": "Store Name",
                        "toId": "101dd291-ff04-9e81-2a17-3f9ce6fd8749",
                        "toProperty": "addy"
                    },
                    {
                        "fromId": "101dd291-ff04-9e81-2a17-3f9ce6fd8749",
                        "fromProperty": "formatted",
                        "toId": "6689f786-1498-85bd-3f61-618c729794be",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "83f8e38e-99c7-a402-4384-8328f748efe8",
                        "fromProperty": "Day And Time",
                        "toId": "0992c392-13ae-311a-bb4f-9de926aa38fb",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "daeb45cf-f8e5-e79d-b1db-9cfd93bdb031",
                        "fromProperty": "at-delivery",
                        "toId": "d3c568c9-7e0a-4586-7683-7b2c4cc5174a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "daeb45cf-f8e5-e79d-b1db-9cfd93bdb031",
                        "fromProperty": "at-curbside",
                        "toId": "196f516d-e435-5f2f-ffad-aff152e36ffa",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "98f7d70d-e3e9-7a6c-9120-35be0a215f4a",
                        "fromProperty": "result",
                        "toId": "daeb45cf-f8e5-e79d-b1db-9cfd93bdb031",
                        "toProperty": "to-curbside"
                    },
                    {
                        "fromId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "fromProperty": "deliveryType",
                        "toId": "98f7d70d-e3e9-7a6c-9120-35be0a215f4a",
                        "toProperty": "type"
                    },
                    {
                        "fromId": "8dfa51f9-906b-21e0-2d24-38ff6d2646ed",
                        "fromProperty": "result",
                        "toId": "daeb45cf-f8e5-e79d-b1db-9cfd93bdb031",
                        "toProperty": "to-delivery"
                    },
                    {
                        "fromId": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "fromProperty": "deliveryType",
                        "toId": "8dfa51f9-906b-21e0-2d24-38ff6d2646ed",
                        "toProperty": "type"
                    },
                    {
                        "fromId": "8c6e15cb-906c-9224-09e4-952b0da76e30",
                        "fromProperty": "formatted",
                        "toId": "badbeffc-2cb9-134b-2a39-77974d3ad1c8",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "83f8e38e-99c7-a402-4384-8328f748efe8",
                        "fromProperty": "DeliveryEditDeadline",
                        "toId": "8c6e15cb-906c-9224-09e4-952b0da76e30",
                        "toProperty": "deadline"
                    },
                    {
                        "fromId": "bb10ebe1-2fbf-d8b2-b74f-055a190c894d",
                        "fromProperty": "guid",
                        "toId": "19677821-5189-f840-aeac-a419a985a9ba",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "19677821-5189-f840-aeac-a419a985a9ba",
                        "fromProperty": "items",
                        "toId": "a35b3f25-3bcc-fe81-eb05-409ab98cd95e",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "daeb45cf-f8e5-e79d-b1db-9cfd93bdb031",
                        "fromProperty": "at-curbside",
                        "toId": "37fef8ea-2b6c-6a9b-989f-2b0adcca4334",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c618c760-cd9d-816a-bf4a-a6af0c0ee5b1",
                        "fromProperty": "id",
                        "toId": "c89474f1-f809-b95d-4c3c-dead243c923c",
                        "toProperty": "Collection Id"
                    },
                    {
                        "fromId": "c618c760-cd9d-816a-bf4a-a6af0c0ee5b1",
                        "fromProperty": "count",
                        "toId": "ab8c390c-e31c-3d5a-8cd7-f623e9abe269",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "f28db5bb-8c5e-5976-0828-5571e5741b69",
                        "fromProperty": "items",
                        "toId": "19677821-5189-f840-aeac-a419a985a9ba",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "2e64ed36-68ac-83b2-717b-73b2f3f203a9",
                        "fromProperty": "onClick",
                        "toId": "452c41cf-ee20-0c64-ab9e-6b0b154d9bd1",
                        "toProperty": "To Order Details"
                    },
                    {
                        "fromId": "7a2ee6cb-ab7b-0801-3d3e-fb570bea5df9",
                        "fromProperty": "guid",
                        "toId": "41ef9359-eee2-c849-adaf-03e5bcfbf231",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "69f2b6d9-5cb6-d49f-1e5e-f3d551659009",
                        "fromProperty": "items",
                        "toId": "41ef9359-eee2-c849-adaf-03e5bcfbf231",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "41ef9359-eee2-c849-adaf-03e5bcfbf231",
                        "fromProperty": "items",
                        "toId": "a748754f-69ce-e9e2-708f-1d023174c6bd",
                        "toProperty": "items"
                    }
                ],
                "roots": [
                    {
                        "id": "d9d242f9-7e0a-463c-dae1-8470113cf2e4",
                        "type": "Group",
                        "label": "Popup",
                        "x": 958.3412784658728,
                        "y": 571.7238021071298,
                        "parameters": {
                            "position": "absolute",
                            "transformScale": 1,
                            "transformY": {
                                "value": 0,
                                "unit": "%"
                            },
                            "transformX": {
                                "value": 0,
                                "unit": "%"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "787bc81c-953a-9cad-3087-b32c2b7f9174",
                                "type": "Group",
                                "label": "Background",
                                "x": 20,
                                "y": 117,
                                "parameters": {
                                    "style": "{\n    //blurRadius(\"4px\");\n}",
                                    "backgroundColor": "#FFFFFF",
                                    "opacity": 1,
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "9d1ce421-de65-ee13-779f-2e4f9c584b98",
                                "type": "Group",
                                "x": 20,
                                "y": 178,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "390907b8-8e9f-ce5b-519a-571e30be6d86",
                                        "type": "Group",
                                        "label": "HEader",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "height": {
                                                "value": 47,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#0071CE"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "e2b91ff5-b394-5fb9-6c3d-985531d83abb",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    },
                                                    "color": "white",
                                                    "text": "Order Confirmation",
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center",
                                                    "position": "absolute",
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "489a7b99-925d-54e9-a77f-0c1b03f39840",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 107,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "position": "absolute",
                                                    "alignX": "right",
                                                    "alignY": "center",
                                                    "width": {
                                                        "value": 50,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "9c02d339-e0da-89fe-1e8a-8812baf9f8bb",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 82,
                                                        "parameters": {
                                                            "src": "icons/ic_close_white.svg",
                                                            "marginRight": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "position": "absolute",
                                                            "alignY": "center",
                                                            "alignX": "right"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ccc8ef74-9136-d20e-5603-cbe79af644fa",
                                        "type": "Group",
                                        "label": "Content",
                                        "x": 20,
                                        "y": 281,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "marginTop": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "scrollBehavior": "noodl",
                                            "clip": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "404a10b7-ca7c-f056-4f2c-51c58a20b2b0",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "5476421c-ffde-d022-e7e9-30dfaebbeb62",
                                                        "type": "Text",
                                                        "x": 1038.3412784658728,
                                                        "y": 1122.7238021071298,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            },
                                                            "text": "Thanks for your order!"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "e278011b-51b3-5b65-101b-8ab19307ba9c",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 92,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "text": "#3852055661793",
                                                            "color": "#74767C",
                                                            "marginTop": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "0caef76b-f602-8f25-3f20-1f52be8d7d2d",
                                                        "type": "/UI Components/Design System/Divider",
                                                        "x": 1097.3572230143857,
                                                        "y": 1097.6814257925555,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "4264e844-733c-6e72-1953-4ebe7f8788b4",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 245,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "d3c568c9-7e0a-4586-7683-7b2c4cc5174a",
                                                        "type": "Group",
                                                        "label": "Delivery",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "sizeMode": "contentHeight"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "ea663854-6fb6-e8cc-e4b2-5287671543b9",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": ""
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "c150fb91-84f6-c163-8b68-4f3f371fc3ad",
                                                                "type": "Text",
                                                                "x": 1055.3412784658728,
                                                                "y": 1340.7238021071298,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 12,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "#3852055661793",
                                                                    "color": "#46474A",
                                                                    "marginTop": {
                                                                        "value": 4,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "196f516d-e435-5f2f-ffad-aff152e36ffa",
                                                        "type": "Group",
                                                        "label": "Curbside",
                                                        "x": 20,
                                                        "y": 307,
                                                        "parameters": {
                                                            "sizeMode": "contentHeight"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "0992c392-13ae-311a-bb4f-9de926aa38fb",
                                                                "type": "Text",
                                                                "x": 1044.3412784658728,
                                                                "y": 1549.7238021071298,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": ""
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "6689f786-1498-85bd-3f61-618c729794be",
                                                                "type": "Text",
                                                                "x": 1065.3412784658728,
                                                                "y": 1537.7238021071298,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 12,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "#3852055661793",
                                                                    "color": "#46474A",
                                                                    "marginTop": {
                                                                        "value": 4,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "0e546eb2-78c0-e70d-2e45-0a28ec69a27a",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 210,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "text": "#3852055661793",
                                                            "color": "#74767C",
                                                            "marginTop": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "2e64ed36-68ac-83b2-717b-73b2f3f203a9",
                                                        "type": "Group",
                                                        "label": "view details",
                                                        "x": 20,
                                                        "y": 650,
                                                        "parameters": {
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "position": "absolute",
                                                            "sizeMode": "contentSize",
                                                            "alignX": "right"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "fa9a574f-f7cd-f543-41c0-eac027a3c562",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 97,
                                                                "parameters": {
                                                                    "text": "View details",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "style": "{\n    textDecoration:'underline'\n}"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "82dcd841-b21f-b634-debd-e7a816211e73",
                                                        "type": "/UI Components/Design System/Divider",
                                                        "x": 1038.3412784658728,
                                                        "y": 1552.7238021071298,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "520e13d7-5478-7142-1065-20cb48009130",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 926,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "paddingRight": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "flexDirection": "row",
                                                    "flexWrap": "wrap"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "c89474f1-f809-b95d-4c3c-dead243c923c",
                                                        "type": "/UI Components/Horizontal Overflow List",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "37fef8ea-2b6c-6a9b-989f-2b0adcca4334",
                                                "type": "/Checkout/Status/Pickup instructions card",
                                                "x": 1035.232825619356,
                                                "y": 2092.901148231782,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "77b40ab0-da46-e512-a1f5-e97198ddffaa",
                                                "type": "/UI Components/Design System/Divider",
                                                "x": 20,
                                                "y": 1294,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "92d3c1b1-8f3c-73f5-a8e4-850612c0f80e",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 1100,
                                                "parameters": {
                                                    "backgroundColor": "#E6F1FC",
                                                    "paddingTop": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "bcd2da83-f5db-be60-b2fe-d4d77852735b",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "text": "There is still time to add items to your order",
                                                            "color": "#004F9A",
                                                            "textAlign": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "badbeffc-2cb9-134b-2a39-77974d3ad1c8",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 92,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "text": "",
                                                            "color": "#004F9A",
                                                            "textAlign": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "893db5d0-4205-7895-69b5-1a079e80e22b",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 1274,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "marginTop": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "88ff1b4d-90f6-e6f9-3d98-7af28863dcee",
                                                        "type": "Text",
                                                        "x": 1038.3412784658728,
                                                        "y": 2365.72380210713,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            },
                                                            "text": "Buy it again",
                                                            "textAlign": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "737a84b2-9395-6d22-ff45-5894b7065681",
                                                        "type": "Group",
                                                        "x": 1038.3412784658728,
                                                        "y": 2636.72380210713,
                                                        "parameters": {
                                                            "flexDirection": "row",
                                                            "flexWrap": "wrap",
                                                            "alignX": "center",
                                                            "marginTop": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "a35b3f25-3bcc-fe81-eb05-409ab98cd95e",
                                                                "type": "For Each",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "template": "/Checkout/Status/Buy it again item"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "4f1caf57-a2ab-4b1b-a68d-69aef7bd76f7",
                                                "type": "Group",
                                                "x": 1035.7397119190769,
                                                "y": 1070.407843497444,
                                                "parameters": {
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "ad70502b-25b6-bbb6-4d04-ca0231780787",
                                                        "type": "Text",
                                                        "x": 1088.0516285972494,
                                                        "y": 2564.3746403946648,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            },
                                                            "text": "Complete your order",
                                                            "textAlign": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "81154d35-0103-3cff-bb34-38a0b569a62e",
                                                        "type": "Group",
                                                        "x": 1058.705724674812,
                                                        "y": 2796.2507999841173,
                                                        "parameters": {
                                                            "flexDirection": "row",
                                                            "flexWrap": "wrap",
                                                            "alignX": "center",
                                                            "marginTop": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "a748754f-69ce-e9e2-708f-1d023174c6bd",
                                                                "type": "For Each",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "template": "/Checkout/Status/Buy it again item"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "e8a661e0-2b4e-ff2b-6f30-a2ab0bd42cc7",
                        "type": "States",
                        "x": 353.15027618760115,
                        "y": 880.7730404387001,
                        "parameters": {
                            "states": "hide,show",
                            "values": "opacity,Pos X",
                            "value-hide-opacity": 0,
                            "value-show-opacity": 1,
                            "startState": "hide",
                            "duration-hide": 500,
                            "duration-show": 500,
                            "value-hide-Pos X": 100,
                            "value-show-Pos X": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Pos X",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-opacity",
                                "displayName": "opacity",
                                "editorName": "hide|opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-Pos X",
                                "displayName": "Pos X",
                                "editorName": "hide|Pos X",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-opacity",
                                "displayName": "opacity",
                                "editorName": "show|opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-Pos X",
                                "displayName": "Pos X",
                                "editorName": "show|Pos X",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "hide",
                                        "show"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "hide",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9d6f5b19-1dcd-07d1-881c-c350786c969b",
                        "type": "Component Outputs",
                        "x": 46.01361311774161,
                        "y": 863.8310861407118,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Popup hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "da00385f-4259-9178-b073-589ccb093975",
                        "type": "Component Inputs",
                        "x": 54.92567722051072,
                        "y": 972.4980724631034,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Track",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c618c760-cd9d-816a-bf4a-a6af0c0ee5b1",
                        "type": "Collection",
                        "x": 279.6455516534252,
                        "y": 1499.2350605705042,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4fecbe53-d449-678a-fdad-d3be4b4abfdd",
                        "type": "Component Outputs",
                        "x": 1407.6276172675616,
                        "y": 643.5934402950511,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Order Details",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Close Popup",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "727ec89f-7ada-8d57-b92f-9f5077aae4c8",
                        "type": "Switch",
                        "x": 494.88744586009045,
                        "y": 619.4519998595023,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "641ae6b1-cf49-8e87-1602-a46e26fc1126",
                        "type": "Collection",
                        "x": 264.553675230941,
                        "y": 1637.3544485581954,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9b482348-278f-5301-5db6-6b0cad631676",
                        "type": "Globals",
                        "x": -216.54440862223205,
                        "y": 1180.6593410530943,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestDeliveryId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestShippingId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestOrderId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dc7d30f7-5e16-8d74-6e66-6999943a1fbf",
                        "type": "Javascript2",
                        "x": -69.1785396956817,
                        "y": 1764.080629060125,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    refresh:'signal',\n\t    shippingItems: 'collection',\n\t    collectionId: \"string\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    totalCount: \"number\"\n\t},\n\t\n\trefresh:function(inputs,outputs) {\n        this.update();\n\t},\n\tsetup(inputs, outputs) {\n\t    this.update = () => {\n            let totalCount = 0;\n\t        \n            inputs.shippingItems.each(product => {\n                console.log(\"ofjfsda\" + product.get(\"count\"));\n                totalCount += product.get(\"count\");\n            });\n    \t        \n            outputs.totalCount = totalCount;\n            this.flagOutputDirty('totalCount');\n\t    }\n\t    \n\t    this.update();\n\t},\n\tchange() {\n\t    this.update();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "shippingItems",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "collectionId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "totalCount",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2d304da8-f6cc-b830-cda8-4342ee0f4966",
                        "type": "Model",
                        "x": 8.96455141827147,
                        "y": 1246.5830050742109,
                        "parameters": {
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,orderState,deliveryCollectionId,shippingCollectionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "orderState",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "44094e12-04ee-4b72-bcff-d20cba325003",
                        "type": "Event Receiver",
                        "x": -120.3959873852802,
                        "y": 1909.1906359432626,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "83f8e38e-99c7-a402-4384-8328f748efe8",
                        "type": "/Components/Get Time Label",
                        "x": 720.5007951435209,
                        "y": 1483.1436004386173,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "18898ba3-1d59-1e8c-35d3-9cb37ac55364",
                        "type": "Globals",
                        "x": 1606.2148162019978,
                        "y": 1345.3418381098033,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "CartDeliveryPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "61b946f9-3908-9e80-7e96-909d7b86840f",
                        "type": "String Format",
                        "x": 1397.5095173580953,
                        "y": 1359.938940611976,
                        "parameters": {
                            "format": "Deliver to {addy}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "addy",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ab8c390c-e31c-3d5a-8cd7-f623e9abe269",
                        "type": "String Format",
                        "x": 1386.0523318676903,
                        "y": 1520.25243826767,
                        "parameters": {
                            "format": "{items} items  |  ${total}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "total",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a13e4af9-ea41-49cf-b95d-24f938ecec8f",
                        "type": "Globals",
                        "x": 1606.6761759258504,
                        "y": 1658.9319085458892,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestOrderId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "05014003-6254-b07f-f8d0-a1062ed13f38",
                        "type": "Model",
                        "x": 1818.518520359787,
                        "y": 1654.7337792558885,
                        "parameters": {
                            "properties": "shippingCollectionId,deliveryCollectionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "588926e7-b4fa-9c7f-c9de-18c695d34fa9",
                        "type": "/Cart/Cart Totals",
                        "x": 2086.6370569857672,
                        "y": 1636.8399028079166,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "675c9e2b-a058-8ca3-894e-0d9b7636d509",
                        "type": "Expression",
                        "x": 1616.6556276866445,
                        "y": 1517.3933241045183,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0a91cb4f-e383-b892-8540-a3b9cedd96bb",
                        "type": "Expression",
                        "x": 1848.7439308250368,
                        "y": 1504.4906462751148,
                        "parameters": {
                            "expression": "total+tax+delivery"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "total",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "tax",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "delivery",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "07e3e057-e1cc-ce6e-0829-e8628ebe1636",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 2075.7720400469684,
                        "y": 1510.8944943459098,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "36ac8857-6a7a-7a50-6bc6-c3dc0d0ab515",
                        "type": "Globals",
                        "x": 1617.031809625208,
                        "y": 1752.4538718325205,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryShortAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Address",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "101dd291-ff04-9e81-2a17-3f9ce6fd8749",
                        "type": "String Format",
                        "x": 1372.031809625208,
                        "y": 1763.4538718325205,
                        "parameters": {
                            "format": "Curbside pickup at {addy}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "addy",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "daeb45cf-f8e5-e79d-b1db-9cfd93bdb031",
                        "type": "States",
                        "x": 767.4618627923119,
                        "y": 1297.7187229633566,
                        "parameters": {
                            "states": "delivery,curbside"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "delivery Transition",
                                "name": "transition-delivery",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "delivery Transition",
                                "name": "duration-delivery",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To delivery",
                                "name": "to-delivery",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At delivery",
                                "name": "at-delivery",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached delivery",
                                "name": "reached-delivery",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "curbside Transition",
                                "name": "transition-curbside",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "curbside Transition",
                                "name": "duration-curbside",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To curbside",
                                "name": "to-curbside",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At curbside",
                                "name": "at-curbside",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached curbside",
                                "name": "reached-curbside",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "delivery",
                                        "curbside"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "delivery",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "98f7d70d-e3e9-7a6c-9120-35be0a215f4a",
                        "type": "Expression",
                        "x": 355.69603883597875,
                        "y": 1130.5821029235187,
                        "parameters": {
                            "expression": "type === \"pickup\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "type",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8dfa51f9-906b-21e0-2d24-38ff6d2646ed",
                        "type": "Expression",
                        "x": 361.13753540397806,
                        "y": 1231.2497894315045,
                        "parameters": {
                            "expression": "type === \"delivery\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "type",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8c6e15cb-906c-9224-09e4-952b0da76e30",
                        "type": "String Format",
                        "x": 736.7076639986025,
                        "y": 2290.0079081089216,
                        "parameters": {
                            "format": "Before {deadline}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "deadline",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "19677821-5189-f840-aeac-a419a985a9ba",
                        "type": "Collection",
                        "x": 1636.9392007233075,
                        "y": 2514.9427801977995,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bb10ebe1-2fbf-d8b2-b74f-055a190c894d",
                        "type": "Unique Id",
                        "x": 1679.6512344774505,
                        "y": 2371.671449668397,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f28db5bb-8c5e-5976-0828-5571e5741b69",
                        "type": "Static Data",
                        "x": 1401.1439145859922,
                        "y": 2458.2837413262832,
                        "parameters": {
                            "csv": "itemId\n39360227\n46828785\n506226959\n47183367\n46942849\n47242202\n47746094\n949678905\n172813797\n48084625\n258089437\n38663543\n253145350\n972931698\n544644893\n44390996\n988564886\n747329331",
                            "type": "csv",
                            "json": "[\n    {\n        \"itemId\":\"220304883\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"20441646\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"156350735\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"350601587\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"15686407\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"10535134\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"363800188\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"235819148\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"124782654\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"39944463\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"682318551\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"16654198\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"29472984\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"22145407\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"121895013\",\n        \"count\":2\n    }\n]\n\n"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "452c41cf-ee20-0c64-ab9e-6b0b154d9bd1",
                        "type": "Component Outputs",
                        "x": 1309.8204379495673,
                        "y": 1911.0119065887302,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Order Details",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Close Popup",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "41ef9359-eee2-c849-adaf-03e5bcfbf231",
                        "type": "Collection",
                        "x": 1675.5010108121273,
                        "y": 2905.5221305135196,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7a2ee6cb-ab7b-0801-3d3e-fb570bea5df9",
                        "type": "Unique Id",
                        "x": 1718.2130445662704,
                        "y": 2762.2507999841173,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "69f2b6d9-5cb6-d49f-1e5e-f3d551659009",
                        "type": "Static Data",
                        "x": 1418.705724674812,
                        "y": 2834.8630916420034,
                        "parameters": {
                            "csv": "itemId\n39360227\n44390996\n747329331",
                            "type": "csv",
                            "json": "[\n    {\n        \"itemId\":\"220304883\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"20441646\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"156350735\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"350601587\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"15686407\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"10535134\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"363800188\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"235819148\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"124782654\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"39944463\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"682318551\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"16654198\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"29472984\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"22145407\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"121895013\",\n        \"count\":2\n    }\n]\n\n"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Old/Search/product details popup",
            "graph": {
                "connections": [
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "imagepath",
                        "toId": "fb4f6717-682d-1f31-8f44-5992c5afe23b",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "Title",
                        "toId": "20a221ba-cecf-98be-f78e-31bd9ceb2586",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "price",
                        "toId": "ea7bc861-8ccd-4020-d968-0b23c8ef6563",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "fromProperty": "opacity default",
                        "toId": "74dfa59e-261c-15f5-6c04-1df2b24271ad",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "fromProperty": "opacity adding",
                        "toId": "93ce31ad-4d86-d34b-52c9-58d817f5f225",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "74dfa59e-261c-15f5-6c04-1df2b24271ad",
                        "fromProperty": "onClick",
                        "toId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "toProperty": "to-adding"
                    },
                    {
                        "fromId": "d6cd0a65-8e03-a505-39c0-5f9c5923abac",
                        "fromProperty": "onClick",
                        "toId": "8ce0164e-dd15-c375-37b6-537ec3c47dbd",
                        "toProperty": "accept"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "itemId",
                        "toId": "8b47820d-e7e7-1faa-c34f-13613c407a35",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "customerRating",
                        "toId": "f00a1f2e-d828-64c7-ef1d-4c213aef7da7",
                        "toProperty": "x"
                    },
                    {
                        "fromId": "df957e18-3327-63a5-a3bd-352d06305d94",
                        "fromProperty": "formatted",
                        "toId": "7283cc81-b8ce-474f-a813-06299e74dde0",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "numReviews",
                        "toId": "df957e18-3327-63a5-a3bd-352d06305d94",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "f00a1f2e-d828-64c7-ef1d-4c213aef7da7",
                        "fromProperty": "result",
                        "toId": "1473196c-6767-8560-4375-7b8f607147be",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "1473196c-6767-8560-4375-7b8f607147be",
                        "fromProperty": "savedValue",
                        "toId": "a9b18cf0-b13a-ccef-06bd-8c926a941dbe",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "2ec4d1dd-a23e-992c-3d83-bbca6899e656",
                        "fromProperty": "result",
                        "toId": "9a2cef2e-4ca0-e97a-5c1b-48d261e1f532",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a9b18cf0-b13a-ccef-06bd-8c926a941dbe",
                        "fromProperty": "o1",
                        "toId": "3e5d1b28-84de-b754-95a4-54277edf59c2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a9b18cf0-b13a-ccef-06bd-8c926a941dbe",
                        "fromProperty": "02",
                        "toId": "60ab4685-3c1a-6931-5a44-a496904e4951",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a9b18cf0-b13a-ccef-06bd-8c926a941dbe",
                        "fromProperty": "03",
                        "toId": "c47f3c4e-857c-d2e6-00f4-b8c434d02754",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a9b18cf0-b13a-ccef-06bd-8c926a941dbe",
                        "fromProperty": "04",
                        "toId": "1ee2cc43-d79c-c324-03a8-795ca0a55925",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a9b18cf0-b13a-ccef-06bd-8c926a941dbe",
                        "fromProperty": "05",
                        "toId": "53b298fb-cd1e-010f-eedb-63957d53f528",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "numReviews",
                        "toId": "2ec4d1dd-a23e-992c-3d83-bbca6899e656",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "Title",
                        "toId": "61815eb8-a924-16c9-1a42-e9f88a365b73",
                        "toProperty": "title"
                    },
                    {
                        "fromId": "5563e3fd-e184-0365-782a-520677dde002",
                        "fromProperty": "currentValue",
                        "toId": "d1df1d2a-68f6-9b9e-4743-b591cd044823",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "shippingTime",
                        "toId": "5563e3fd-e184-0365-782a-520677dde002",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "758a0c09-823b-9490-f8c3-5147bac3c482",
                        "fromProperty": "result",
                        "toId": "5994f71b-91d9-85ae-86b4-404f39ca0884",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "5994f71b-91d9-85ae-86b4-404f39ca0884",
                        "fromProperty": "timerFinished",
                        "toId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "toProperty": "to-adding"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "itemId",
                        "toId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "toProperty": "myModel"
                    },
                    {
                        "fromId": "ebccc951-1b01-a4e7-6c80-919be9d04ebc",
                        "fromProperty": "timerFinished",
                        "toId": "8b47820d-e7e7-1faa-c34f-13613c407a35",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "b59da25a-8136-8f57-f1f1-8457ac0b8027",
                        "fromProperty": "timerFinished",
                        "toId": "e519b5d8-3778-d1c5-8bfc-9e5520996ef7",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "itemId",
                        "toId": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "fromProperty": "quant",
                        "toId": "758a0c09-823b-9490-f8c3-5147bac3c482",
                        "toProperty": "quant"
                    },
                    {
                        "fromId": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "fromProperty": "quant",
                        "toId": "7dd744f4-c210-dfe7-d4f1-2ae069ceec20",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "fromProperty": "itemId",
                        "toId": "e519b5d8-3778-d1c5-8bfc-9e5520996ef7",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "74dfa59e-261c-15f5-6c04-1df2b24271ad",
                        "fromProperty": "onClick",
                        "toId": "ebccc951-1b01-a4e7-6c80-919be9d04ebc",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "fromProperty": "quant",
                        "toId": "2f2caf88-8511-5256-0923-c6f27a1b538f",
                        "toProperty": "quant"
                    },
                    {
                        "fromId": "2f2caf88-8511-5256-0923-c6f27a1b538f",
                        "fromProperty": "result",
                        "toId": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "381192b1-3cfb-79d6-3f66-4b17f14c423f",
                        "fromProperty": "items",
                        "toId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "toProperty": "variants"
                    },
                    {
                        "fromId": "c234afee-7cf0-8c15-e818-3aba894ed404",
                        "fromProperty": "Mounted",
                        "toId": "0c79c00b-deaa-78da-21b3-53c056dda144",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "381192b1-3cfb-79d6-3f66-4b17f14c423f",
                        "fromProperty": "items",
                        "toId": "8af2637f-54cb-3398-6862-fe2b0fb76f31",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "0c79c00b-deaa-78da-21b3-53c056dda144",
                        "fromProperty": "didMount",
                        "toId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "toProperty": "search"
                    },
                    {
                        "fromId": "de0c9913-a634-d354-556c-c815ee263a1f",
                        "fromProperty": "actionTriggered",
                        "toId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "toProperty": "selectItem"
                    },
                    {
                        "fromId": "de0c9913-a634-d354-556c-c815ee263a1f",
                        "fromProperty": "itemId",
                        "toId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "toProperty": "variantId"
                    },
                    {
                        "fromId": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "fromProperty": "price",
                        "toId": "03a16690-1759-82f5-ac0d-f9d3d2ab868d",
                        "toProperty": "p"
                    },
                    {
                        "fromId": "03a16690-1759-82f5-ac0d-f9d3d2ab868d",
                        "fromProperty": "formatted",
                        "toId": "65160c16-c1b8-2faa-090c-6067a28a70e9",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "fromProperty": "newPrice",
                        "toId": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "fromProperty": "priceChange",
                        "toId": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "066bd237-9afa-96f2-6136-bf30bc4721b1",
                        "fromProperty": "onClick",
                        "toId": "b59da25a-8136-8f57-f1f1-8457ac0b8027",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "01eb42a0-fc41-bf76-4fcb-06889abc8c49",
                        "fromProperty": "onClick",
                        "toId": "ebccc951-1b01-a4e7-6c80-919be9d04ebc",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "fromProperty": "hasVariants",
                        "toId": "1abbb988-e3be-b844-c0b8-dfd9c1ae4a5c",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "61815eb8-a924-16c9-1a42-e9f88a365b73",
                        "fromProperty": "showCuration",
                        "toId": "68ae6a69-8e70-d435-ccd0-bfd6553ba58e",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "0c79c00b-deaa-78da-21b3-53c056dda144",
                        "type": "Group",
                        "x": 1089.7726373160826,
                        "y": 680.7301018339948,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "aa569ad1-5d83-743c-56c7-910debc3d102",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "height": {
                                        "value": 400,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 12,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "8f00bc08-9dba-d7d9-3918-a51ae3273cf7",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "src": "icons/Fav-Default-24.svg",
                                            "marginLeft": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "position": "absolute"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "fb4f6717-682d-1f31-8f44-5992c5afe23b",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 92,
                                        "parameters": {
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 33,
                                                "unit": "%"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "bd750316-1b45-c034-4292-f44bef3e01ed",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 174,
                                        "parameters": {
                                            "backgroundColor": "#DBF5EC",
                                            "sizeMode": "contentSize",
                                            "flexDirection": "row",
                                            "paddingLeft": {
                                                "value": 5,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 5,
                                                "unit": "px"
                                            },
                                            "paddingTop": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "65193825-1b16-c8e3-752d-dfec0a1f4889",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "src": "icons/icon_watch_green.png",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "d1df1d2a-68f6-9b9e-4743-b591cd044823",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 92,
                                                "parameters": {
                                                    "color": "#0DBA7F",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 11,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "83ecbbed-c52e-e781-50b8-81a45a393c9e",
                                        "type": "Group",
                                        "label": "Group w/CSS",
                                        "x": 20,
                                        "y": 220,
                                        "parameters": {
                                            "style": "{\n    maxHeight:\"150px\"\n}",
                                            "clip": true,
                                            "scrollBehavior": "noodl"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "20a221ba-cecf-98be-f78e-31bd9ceb2586",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "style": "{\n\n}",
                                                    "textAlign": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "9a2cef2e-4ca0-e97a-5c1b-48d261e1f532",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 363,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "flexDirection": "row",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "20f1cec9-d977-ea8b-20b6-b1b3f39b77f5",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 128,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "contentWidth",
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center",
                                                    "alignX": "left"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "53b298fb-cd1e-010f-eedb-63957d53f528",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "src": "icons/icon_start_black.svg",
                                                            "marginLeft": {
                                                                "value": 3,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "1ee2cc43-d79c-c324-03a8-795ca0a55925",
                                                        "type": "Image",
                                                        "x": 1173.1422573367006,
                                                        "y": 1351.6481184742588,
                                                        "parameters": {
                                                            "src": "icons/icon_start_black.svg",
                                                            "marginLeft": {
                                                                "value": 3,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "c47f3c4e-857c-d2e6-00f4-b8c434d02754",
                                                        "type": "Image",
                                                        "x": 1174.82706734701,
                                                        "y": 1427.4645689381666,
                                                        "parameters": {
                                                            "src": "icons/icon_start_black.svg",
                                                            "marginLeft": {
                                                                "value": 3,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "60ab4685-3c1a-6931-5a44-a496904e4951",
                                                        "type": "Image",
                                                        "x": 1173.1422573367008,
                                                        "y": 1511.7050694536197,
                                                        "parameters": {
                                                            "src": "icons/icon_start_black.svg",
                                                            "marginLeft": {
                                                                "value": 3,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "3e5d1b28-84de-b754-95a4-54277edf59c2",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 230,
                                                        "parameters": {
                                                            "src": "icons/icon_start_black.svg",
                                                            "marginLeft": {
                                                                "value": 3,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "0c12e5a4-e221-ebf1-af98-613977a055b8",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 538,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "paddingLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "7283cc81-b8ce-474f-a813-06299e74dde0",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "marginLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "a3acdc95-442f-4f12-d1d1-02210f129cbf",
                                                        "type": "Group",
                                                        "x": 1247.3460406683532,
                                                        "y": 1531.4400532151624,
                                                        "parameters": {
                                                            "height": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#000000"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "65160c16-c1b8-2faa-090c-6067a28a70e9",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 1075,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "center",
                                            "textAlign": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "1abbb988-e3be-b844-c0b8-dfd9c1ae4a5c",
                                        "type": "Group",
                                        "label": "Variants",
                                        "x": 20,
                                        "y": 1285,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "flexDirection": "row",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "mounted": true,
                                            "scrollBehavior": "noodl",
                                            "scrollDirection": "x"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "8af2637f-54cb-3398-6862-fe2b0fb76f31",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "template": "/Search/Product Variant"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "68ae6a69-8e70-d435-ccd0-bfd6553ba58e",
                                        "type": "/Search/curated content card/curated card",
                                        "x": 1157.2735484630887,
                                        "y": 2328.4379253532243,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "742f8399-926e-eab6-ac8a-55dc14442f7d",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 1510,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "eda6c458-473e-ccef-42ef-2a3b86a2974f",
                                                "type": "/Components/Divider",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "fc9a7342-58b7-65c2-789a-78939d59e52f",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 1842,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "68d11082-b68f-c944-9c08-2e6e4cd0de1d",
                                                "type": "Group",
                                                "x": 1149.7726373160826,
                                                "y": 1723,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "049f7523-9394-785e-a0c9-2cdb63ee56a7",
                                                        "type": "Group",
                                                        "label": "Add to Cart Button",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "height": {
                                                                "value": 40,
                                                                "unit": "px"
                                                            },
                                                            "borderRadius": 20,
                                                            "borderStyle": "solid",
                                                            "borderWidth": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "borderColor": "#000000"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "f2f9ae8e-be2f-215a-a04c-621d7a43e1b1",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "position": "absolute",
                                                                    "alignX": "center",
                                                                    "alignY": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "74dfa59e-261c-15f5-6c04-1df2b24271ad",
                                                                        "type": "Text",
                                                                        "x": 20,
                                                                        "y": 46,
                                                                        "parameters": {
                                                                            "sizeMode": "contentSize",
                                                                            "textAlign": "center",
                                                                            "text": "Add to cart",
                                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                                            "color": "#000000"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "93ce31ad-4d86-d34b-52c9-58d817f5f225",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 194,
                                                                "parameters": {
                                                                    "sizeMode": "explicit",
                                                                    "flexDirection": "row",
                                                                    "alignX": "center",
                                                                    "alignY": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "066bd237-9afa-96f2-6136-bf30bc4721b1",
                                                                        "type": "Group",
                                                                        "x": 20,
                                                                        "y": 82,
                                                                        "parameters": {
                                                                            "sizeMode": "contentWidth",
                                                                            "flexDirection": "row",
                                                                            "paddingLeft": {
                                                                                "value": 15,
                                                                                "unit": "px"
                                                                            },
                                                                            "paddingRight": {
                                                                                "value": 15,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "23b10ab1-0e9b-2745-6d48-a950e490087b",
                                                                                "type": "Image",
                                                                                "x": 1267.3483948918404,
                                                                                "y": 2819.3967685006614,
                                                                                "parameters": {
                                                                                    "src": "icons/cart-minus.svg",
                                                                                    "alignY": "center",
                                                                                    "sizeMode": "contentSize"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "conflicts": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    },
                                                                    {
                                                                        "id": "be6ce612-066f-0c60-89a2-a47bcd1e4405",
                                                                        "type": "Group",
                                                                        "x": 20,
                                                                        "y": 210,
                                                                        "parameters": {
                                                                            "flexDirection": "row"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "7dd744f4-c210-dfe7-d4f1-2ae069ceec20",
                                                                                "type": "Text",
                                                                                "x": 20,
                                                                                "y": 46,
                                                                                "parameters": {
                                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                                    "sizeMode": "contentHeight",
                                                                                    "alignY": "center",
                                                                                    "textAlign": "center"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    },
                                                                    {
                                                                        "id": "01eb42a0-fc41-bf76-4fcb-06889abc8c49",
                                                                        "type": "Group",
                                                                        "x": 20,
                                                                        "y": 338,
                                                                        "parameters": {
                                                                            "flexDirection": "row",
                                                                            "sizeMode": "contentWidth",
                                                                            "paddingLeft": {
                                                                                "value": 15,
                                                                                "unit": "px"
                                                                            },
                                                                            "paddingRight": {
                                                                                "value": 15,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "641a319b-46fd-9fb2-031b-dfdd7b7459c8",
                                                                                "type": "Image",
                                                                                "x": 1297.6514251948706,
                                                                                "y": 3054.18464728854,
                                                                                "parameters": {
                                                                                    "src": "icons/cart-plus.svg",
                                                                                    "alignY": "center",
                                                                                    "alignX": "right"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "d6cd0a65-8e03-a505-39c0-5f9c5923abac",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 706,
                                                        "parameters": {
                                                            "height": {
                                                                "value": 40,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#0071CE",
                                                            "borderRadius": 20,
                                                            "marginLeft": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "7e0d4204-90b8-84e8-58fa-5ed96c5b9b9b",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 82,
                                                                "parameters": {
                                                                    "alignX": "center",
                                                                    "alignY": "center",
                                                                    "sizeMode": "contentSize",
                                                                    "textAlign": "center",
                                                                    "position": "absolute",
                                                                    "text": "Buy now",
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "color": "#FFFFFF"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "27d71542-cbe4-d41e-ce82-65bcd0ca023e",
                        "type": "Component Inputs",
                        "x": 400.1407686522522,
                        "y": 939.7990223364105,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "imagepath",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "price",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "itemId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            },
                            {
                                "name": "customerRating",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 7
                            },
                            {
                                "name": "numReviews",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 8
                            },
                            {
                                "name": "shippingTime",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 9
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ea7bc861-8ccd-4020-d968-0b23c8ef6563",
                        "type": "String Format",
                        "x": 890.2454878055337,
                        "y": 1895.9141318444372,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dc43be2e-c070-2e28-ba51-c4f2763f1493",
                        "type": "States",
                        "x": 678.1869294619663,
                        "y": 3034.61660909688,
                        "parameters": {
                            "states": "default,adding",
                            "values": "opacity default,opacity adding",
                            "value-default-opacity default": 1,
                            "value-default-opacity adding": 0,
                            "value-adding-opacity default": 0,
                            "value-adding-opacity adding": 1,
                            "startState": "default"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity default",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity adding",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-opacity default",
                                "displayName": "opacity default",
                                "editorName": "default|opacity default",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-opacity adding",
                                "displayName": "opacity adding",
                                "editorName": "default|opacity adding",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "adding Values",
                                "name": "value-adding-opacity default",
                                "displayName": "opacity default",
                                "editorName": "adding|opacity default",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "adding Values",
                                "name": "value-adding-opacity adding",
                                "displayName": "opacity adding",
                                "editorName": "adding|opacity adding",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "adding Transition",
                                "name": "transition-adding",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "adding Transition",
                                "name": "duration-adding",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To adding",
                                "name": "to-adding",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At adding",
                                "name": "at-adding",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached adding",
                                "name": "reached-adding",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "adding"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8ce0164e-dd15-c375-37b6-537ec3c47dbd",
                        "type": "Component Outputs",
                        "x": 1491.2319313590297,
                        "y": 3140.8328820062725,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "accept",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8b47820d-e7e7-1faa-c34f-13613c407a35",
                        "type": "Event Sender",
                        "x": 383.57355811555897,
                        "y": 1670.6679197681665,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f00a1f2e-d828-64c7-ef1d-4c213aef7da7",
                        "type": "Expression",
                        "x": 378.943500363048,
                        "y": 1316.8546062458984,
                        "parameters": {
                            "expression": "Math.round(x)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "x",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a9b18cf0-b13a-ccef-06bd-8c926a941dbe",
                        "type": "States",
                        "x": 860.3305818777313,
                        "y": 1295.084646197114,
                        "parameters": {
                            "states": "1,2,3,4,5",
                            "values": "o1,02,03,04,05",
                            "value-1-o1": 1,
                            "value-1-02": 0,
                            "value-1-03": 0,
                            "value-1-04": 0,
                            "value-1-05": 0,
                            "value-2-o1": 1,
                            "value-2-02": 1,
                            "value-2-03": 0,
                            "value-2-04": 0,
                            "value-2-05": 0,
                            "value-3-o1": 1,
                            "value-3-02": 1,
                            "value-3-03": 1,
                            "value-3-04": 0,
                            "value-3-05": 0,
                            "value-4-o1": 1,
                            "value-4-02": 1,
                            "value-4-03": 1,
                            "value-4-04": 1,
                            "value-4-05": 0,
                            "value-5-o1": 1,
                            "value-5-02": 1,
                            "value-5-03": 1,
                            "value-5-04": 1,
                            "value-5-05": 1,
                            "startState": "1",
                            "duration-1": 0,
                            "duration-2": 0,
                            "duration-3": 0,
                            "duration-4": 0,
                            "duration-5": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "o1",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "02",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "03",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "04",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "05",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "1 Values",
                                "name": "value-1-o1",
                                "displayName": "o1",
                                "editorName": "1|o1",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "1 Values",
                                "name": "value-1-02",
                                "displayName": "02",
                                "editorName": "1|02",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "1 Values",
                                "name": "value-1-03",
                                "displayName": "03",
                                "editorName": "1|03",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "1 Values",
                                "name": "value-1-04",
                                "displayName": "04",
                                "editorName": "1|04",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "1 Values",
                                "name": "value-1-05",
                                "displayName": "05",
                                "editorName": "1|05",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "1 Transition",
                                "name": "transition-1",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "1 Transition",
                                "name": "duration-1",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To 1",
                                "name": "to-1",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At 1",
                                "name": "at-1",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached 1",
                                "name": "reached-1",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "2 Values",
                                "name": "value-2-o1",
                                "displayName": "o1",
                                "editorName": "2|o1",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "2 Values",
                                "name": "value-2-02",
                                "displayName": "02",
                                "editorName": "2|02",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "2 Values",
                                "name": "value-2-03",
                                "displayName": "03",
                                "editorName": "2|03",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "2 Values",
                                "name": "value-2-04",
                                "displayName": "04",
                                "editorName": "2|04",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "2 Values",
                                "name": "value-2-05",
                                "displayName": "05",
                                "editorName": "2|05",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "2 Transition",
                                "name": "transition-2",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "2 Transition",
                                "name": "duration-2",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To 2",
                                "name": "to-2",
                                "group": "Go to state",
                                "index": 28
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At 2",
                                "name": "at-2",
                                "group": "Current state",
                                "index": 29
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached 2",
                                "name": "reached-2",
                                "group": "Current state",
                                "index": 30
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "3 Values",
                                "name": "value-3-o1",
                                "displayName": "o1",
                                "editorName": "3|o1",
                                "index": 31
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "3 Values",
                                "name": "value-3-02",
                                "displayName": "02",
                                "editorName": "3|02",
                                "index": 32
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "3 Values",
                                "name": "value-3-03",
                                "displayName": "03",
                                "editorName": "3|03",
                                "index": 33
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "3 Values",
                                "name": "value-3-04",
                                "displayName": "04",
                                "editorName": "3|04",
                                "index": 34
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "3 Values",
                                "name": "value-3-05",
                                "displayName": "05",
                                "editorName": "3|05",
                                "index": 35
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "3 Transition",
                                "name": "transition-3",
                                "index": 36
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "3 Transition",
                                "name": "duration-3",
                                "index": 37
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To 3",
                                "name": "to-3",
                                "group": "Go to state",
                                "index": 38
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At 3",
                                "name": "at-3",
                                "group": "Current state",
                                "index": 39
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached 3",
                                "name": "reached-3",
                                "group": "Current state",
                                "index": 40
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "4 Values",
                                "name": "value-4-o1",
                                "displayName": "o1",
                                "editorName": "4|o1",
                                "index": 41
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "4 Values",
                                "name": "value-4-02",
                                "displayName": "02",
                                "editorName": "4|02",
                                "index": 42
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "4 Values",
                                "name": "value-4-03",
                                "displayName": "03",
                                "editorName": "4|03",
                                "index": 43
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "4 Values",
                                "name": "value-4-04",
                                "displayName": "04",
                                "editorName": "4|04",
                                "index": 44
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "4 Values",
                                "name": "value-4-05",
                                "displayName": "05",
                                "editorName": "4|05",
                                "index": 45
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "4 Transition",
                                "name": "transition-4",
                                "index": 46
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "4 Transition",
                                "name": "duration-4",
                                "index": 47
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To 4",
                                "name": "to-4",
                                "group": "Go to state",
                                "index": 48
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At 4",
                                "name": "at-4",
                                "group": "Current state",
                                "index": 49
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached 4",
                                "name": "reached-4",
                                "group": "Current state",
                                "index": 50
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "5 Values",
                                "name": "value-5-o1",
                                "displayName": "o1",
                                "editorName": "5|o1",
                                "index": 51
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "5 Values",
                                "name": "value-5-02",
                                "displayName": "02",
                                "editorName": "5|02",
                                "index": 52
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "5 Values",
                                "name": "value-5-03",
                                "displayName": "03",
                                "editorName": "5|03",
                                "index": 53
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "5 Values",
                                "name": "value-5-04",
                                "displayName": "04",
                                "editorName": "5|04",
                                "index": 54
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "5 Values",
                                "name": "value-5-05",
                                "displayName": "05",
                                "editorName": "5|05",
                                "index": 55
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "5 Transition",
                                "name": "transition-5",
                                "index": 56
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "5 Transition",
                                "name": "duration-5",
                                "index": 57
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To 5",
                                "name": "to-5",
                                "group": "Go to state",
                                "index": 58
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At 5",
                                "name": "at-5",
                                "group": "Current state",
                                "index": 59
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached 5",
                                "name": "reached-5",
                                "group": "Current state",
                                "index": 60
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "1",
                                        "2",
                                        "3",
                                        "4",
                                        "5"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "1",
                                "index": 61
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "df957e18-3327-63a5-a3bd-352d06305d94",
                        "type": "String Format",
                        "x": 843.4780627717994,
                        "y": 1760.923650106741,
                        "parameters": {
                            "format": "{num} reviews"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1473196c-6767-8560-4375-7b8f607147be",
                        "type": "String",
                        "x": 613.9016668205567,
                        "y": 1344.8772146257488,
                        "parameters": {
                            "value": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2ec4d1dd-a23e-992c-3d83-bbca6899e656",
                        "type": "Expression",
                        "x": 716.3135013071445,
                        "y": 1123.1477708536859,
                        "parameters": {
                            "expression": "rating != '0'"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "rating",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "61815eb8-a924-16c9-1a42-e9f88a365b73",
                        "type": "Javascript2",
                        "label": "Contains?",
                        "x": 704.3478818121024,
                        "y": 2219.5553596768905,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\n\t    title:'string',\n\t    keyword:'string'\n\t},\n\toutputs:{\n\t    showCuration:'boolean'\n\t},\n\tchange:function(inputs,outputs) {\n\n\t    if (inputs.title) {\n    \t\tif (inputs.title.toLowerCase().includes(inputs.keyword.toLowerCase()) ) {\n    \t\t    outputs.showCuration = true;\n    \t\t} else {\n    \t\t    outputs.showCuration = false;\n    \t    }\n    \t    this.flagOutputDirty(\"showCuration\")\n\t    }\n\t}\n})\n",
                            "keyword": "tide"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "title",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "keyword",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "showCuration",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5563e3fd-e184-0365-782a-520677dde002",
                        "type": "String Selector",
                        "x": 858.1549282869598,
                        "y": 850.9143877551875,
                        "parameters": {
                            "input 0": "1 hour",
                            "input 1": "Today",
                            "input 2": "Later"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "758a0c09-823b-9490-f8c3-5147bac3c482",
                        "type": "Expression",
                        "x": 435.77722547820895,
                        "y": 2902.1029220318296,
                        "parameters": {
                            "expression": "quant > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "quant",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5994f71b-91d9-85ae-86b4-404f39ca0884",
                        "type": "Timer",
                        "x": 441.0993059450697,
                        "y": 3049.11334068774,
                        "parameters": {
                            "duration": 50
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8bb1ba75-f4d7-5078-9a09-7db7988e21aa",
                        "type": "Javascript2",
                        "label": "Handle variants",
                        "x": -20.072276369903307,
                        "y": 2007.6738225627187,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t   myModel:'string',\n\t   search:'signal',\n\t   selectItem:'signal',\n\t   variants:'collection',\n\t   variantId:'string'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    hasVariants:'boolean',\n\t    newPrice:'number',\n\t    priceChange:'signal',\n\t},\n\t\n\n\t// This function will be called when any of the inputs have changed\n\tsearch:function(inputs,outputs) {\n\t    \n\t\tconsole.log(Noodl.Model.get(inputs.myModel));\n\t\tconst product = window.wallyProducts ? window.wallyProducts.find(p=>p.itemId === inputs.myModel) : false\n\t\tif(product) {\n\t\t    console.log(product)\n\t\t    if (product.variantCategoriesMap) {\n\t\t       const ppuVariants = product.variantCategoriesMap.number_of_pieces.variants\n\t\t       console.log(ppuVariants)\n\t\t       //var variants = Object.values(ppuVariants);\n\t\t       var variants = Object.keys(ppuVariants).map(key => ppuVariants[key])\n               console.log(variants)\n               let newVariants = []\n\t\t       variants.forEach(function (e, index) {\n\t\t           console.log(e.name)\n\t\t           if (e.priceRanges.maxPrices.UNIT){\n\t\t                let v = {}\n\t\t                v.name = e.name\n\t\t                v.text = `$ ${e.priceRanges.maxPrices.UNIT.price} each`\n\t\t                v.price = e.priceRanges.maxPrices.CURRENT.price\n\t\t                index === 0 ? v.selected = true : v.selected = false\n\t\t                newVariants.push(v)\n\t\t                inputs.variants.set(newVariants)\n\t\t                console.log(e.priceRanges.maxPrices.UNIT.price)\n\t\t           }\n\t\t       })\n\t\t       outputs.hasVariants = true;\n\t\t    }else{\n\t\t        outputs.hasVariants = false;\n\t\t    }\n\t\t}\n\t\telse {\n\t\t    console.error('product not found in wallyProducts',inputs.itemId);\n\t\t}\n\t\t\n\t},\n\tselectItem:function(inputs,outputs) {\n\t    let t = this\n\t    \n\t    const callback = function(model, index){\n\t        if (model.getId() === inputs.variantId){\n\t            model.set('selected', true)\n\t            outputs.newPrice = model.get('price')\n\t            t.sendSignalOnOutput('priceChange')\n\t        }else{\n\t            model.set('selected', false)\n\t        }\n\t    }\n\t    \n\t    inputs.variants.each(callback)\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "myModel",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "search",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "selectItem",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "variants",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "variantId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "hasVariants",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "newPrice",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "priceChange",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ebccc951-1b01-a4e7-6c80-919be9d04ebc",
                        "type": "Timer",
                        "x": 708.4318075013956,
                        "y": 2118.345018368105,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e519b5d8-3778-d1c5-8bfc-9e5520996ef7",
                        "type": "Event Sender",
                        "x": 1480.497158829559,
                        "y": 2768.7572214402103,
                        "parameters": {
                            "channelName": "Remove from cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b59da25a-8136-8f57-f1f1-8457ac0b8027",
                        "type": "Timer",
                        "x": 1501.156873896292,
                        "y": 2959.0083625614616,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5833b758-64ca-f5c3-5936-aa97105829b3",
                        "type": "Model",
                        "x": 340.2886173584179,
                        "y": 2440.6687581376236,
                        "parameters": {
                            "properties": "quant,price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2f2caf88-8511-5256-0923-c6f27a1b538f",
                        "type": "Expression",
                        "x": 677.4884278842244,
                        "y": 2895.6603182952526,
                        "parameters": {
                            "expression": "quant == 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "quant",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "381192b1-3cfb-79d6-3f66-4b17f14c423f",
                        "type": "Collection",
                        "x": 352.11616596429036,
                        "y": 2035.275725719735,
                        "parameters": {
                            "collectionId": "variants"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e0cc4257-3d53-648c-1bb1-8bc5cd2d2689",
                        "type": "Counter",
                        "x": 1758.8257384847925,
                        "y": 3386.8392509732403,
                        "parameters": {
                            "limitsMax": 99,
                            "limitsEnabled": true,
                            "limitsMin": 0,
                            "startValue": 0
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "104da025-93b3-2c6b-11fa-082ff25a2921",
                        "type": "Expression",
                        "x": 1768.2151673966457,
                        "y": 3222.0152351421307,
                        "parameters": {
                            "expression": "counter == 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "counter",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "60396b45-de95-ec8b-a096-ca07e25282d7",
                        "type": "Collection",
                        "x": 708.2604268308847,
                        "y": 2681.6572171774105,
                        "parameters": {
                            "collectionId": "delivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cc96955f-fdea-00ce-c4bb-2374c113c5c0",
                        "type": "Timer",
                        "x": 1990.5190825453221,
                        "y": 3257.7216523657285,
                        "parameters": {
                            "duration": 50
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c234afee-7cf0-8c15-e818-3aba894ed404",
                        "type": "Component Inputs",
                        "x": 777.4064399859222,
                        "y": 682.0090336560604,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "de0c9913-a634-d354-556c-c815ee263a1f",
                        "type": "On Item Action",
                        "x": 353.0420691795882,
                        "y": 2136.4987327199788,
                        "parameters": {
                            "actionName": "variantSelected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "03a16690-1759-82f5-ac0d-f9d3d2ab868d",
                        "type": "String Format",
                        "x": 639.711255437855,
                        "y": 2454.42087694727,
                        "parameters": {
                            "format": "${p}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "p",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Status tracker",
            "graph": {
                "connections": [
                    {
                        "fromId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "fromProperty": "at-delivered",
                        "toId": "51186b2e-91ba-b4c9-a769-8cf2fe8a00c0",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "ca98776e-d5c3-dfc3-a0d0-e34eb6dd90e5",
                        "fromProperty": "result",
                        "toId": "49ec3667-bfa8-a314-e3dd-c68cedd4f793",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "bd9ffe4b-69d8-9f58-120d-7434f483488d",
                        "fromProperty": "result",
                        "toId": "ded4e899-47f4-ea65-e1ef-88342afbba68",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "51186b2e-91ba-b4c9-a769-8cf2fe8a00c0",
                        "fromProperty": "result",
                        "toId": "fd9498a3-b9cf-e3cf-d9a6-34b71dd6b88a",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "4644c067-71b1-61bf-12bc-82fdec6912f2",
                        "fromProperty": "status",
                        "toId": "014b3c52-5b46-2168-268a-943cb8eb1c11",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "014b3c52-5b46-2168-268a-943cb8eb1c11",
                        "fromProperty": "savedValue",
                        "toId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "fromProperty": "at-prepared",
                        "toId": "330f3127-2ddc-50c9-cf74-122b2bc95758",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "fromProperty": "at-on the way",
                        "toId": "330f3127-2ddc-50c9-cf74-122b2bc95758",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "fromProperty": "at-delivered",
                        "toId": "330f3127-2ddc-50c9-cf74-122b2bc95758",
                        "toProperty": "input 2"
                    },
                    {
                        "fromId": "330f3127-2ddc-50c9-cf74-122b2bc95758",
                        "fromProperty": "result",
                        "toId": "3d6b8f57-9e8a-51e0-db0e-69143b874623",
                        "toProperty": "active"
                    },
                    {
                        "fromId": "330f3127-2ddc-50c9-cf74-122b2bc95758",
                        "fromProperty": "result",
                        "toId": "ca98776e-d5c3-dfc3-a0d0-e34eb6dd90e5",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "fromProperty": "at-on the way",
                        "toId": "f212f33c-b02d-d8f4-f4fb-417b23c96dee",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "fromProperty": "at-delivered",
                        "toId": "f212f33c-b02d-d8f4-f4fb-417b23c96dee",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "f212f33c-b02d-d8f4-f4fb-417b23c96dee",
                        "fromProperty": "result",
                        "toId": "bd9ffe4b-69d8-9f58-120d-7434f483488d",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "f212f33c-b02d-d8f4-f4fb-417b23c96dee",
                        "fromProperty": "result",
                        "toId": "693e5ea0-0456-791d-1638-5c00b7f69003",
                        "toProperty": "active"
                    },
                    {
                        "fromId": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "fromProperty": "at-delivered",
                        "toId": "b1fe3ffc-fd89-e0e3-600b-acd6b0f653f0",
                        "toProperty": "active"
                    }
                ],
                "roots": [
                    {
                        "id": "0bdd563f-4fb8-7b16-b1f1-76e97c3e57a1",
                        "type": "Group",
                        "x": 285,
                        "y": 342,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "2cfc967e-4bf8-e82f-41e3-bec3247541af",
                                "type": "Group",
                                "label": "Timeline",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "flexDirection": "row",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5dc5ad4b-0fbc-c2ba-2712-6747b698874d",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "5fa313e8-636d-1d7f-1010-f091ea07f258",
                                                "type": "/Orders/Order State",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "active": true,
                                                    "Align X": "left"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "49ec3667-bfa8-a314-e3dd-c68cedd4f793",
                                                "type": "Group",
                                                "label": "line",
                                                "x": 20,
                                                "y": 92,
                                                "parameters": {
                                                    "backgroundColor": "#E7E9ED",
                                                    "height": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "top",
                                                    "marginLeft": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "opacity": 1,
                                                    "borderRadius": 4
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "3d6b8f57-9e8a-51e0-db0e-69143b874623",
                                                "type": "/Orders/Order State",
                                                "x": 20,
                                                "y": 189,
                                                "parameters": {
                                                    "label": "Prepared"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "ded4e899-47f4-ea65-e1ef-88342afbba68",
                                                "type": "Group",
                                                "label": "line",
                                                "x": 20,
                                                "y": 271,
                                                "parameters": {
                                                    "backgroundColor": "#C6C6C6",
                                                    "height": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "top",
                                                    "marginLeft": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "opacity": 1,
                                                    "borderRadius": 4
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "693e5ea0-0456-791d-1638-5c00b7f69003",
                                                "type": "/Orders/Order State",
                                                "x": 20,
                                                "y": 368,
                                                "parameters": {
                                                    "label": "On the way"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "fd9498a3-b9cf-e3cf-d9a6-34b71dd6b88a",
                                                "type": "Group",
                                                "label": "line",
                                                "x": 20,
                                                "y": 450,
                                                "parameters": {
                                                    "backgroundColor": "#C6C6C6",
                                                    "height": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "top",
                                                    "marginLeft": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "opacity": 1,
                                                    "borderRadius": 4
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "b1fe3ffc-fd89-e0e3-600b-acd6b0f653f0",
                                                "type": "/Orders/Order State",
                                                "x": 20,
                                                "y": 547,
                                                "parameters": {
                                                    "label": "Delivered",
                                                    "Align X": "right"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "a7a78bf3-c43c-5c56-0db1-d590491b6eb3",
                        "type": "States",
                        "label": "States",
                        "x": -360.71615739372714,
                        "y": 770.9040639729603,
                        "parameters": {
                            "states": "placed,prepared,on the way,delivered",
                            "startState": "placed",
                            "duration-placed": 0,
                            "duration-prepared": 0,
                            "duration-on the way": 0,
                            "duration-delivered": 0,
                            "value-placed-state index": 0,
                            "value-prepared-state index": 1,
                            "value-on the way-state index": 2,
                            "value-delivered-state index": 3
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "placed Transition",
                                "name": "transition-placed",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "placed Transition",
                                "name": "duration-placed",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To placed",
                                "name": "to-placed",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At placed",
                                "name": "at-placed",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached placed",
                                "name": "reached-placed",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "prepared Transition",
                                "name": "transition-prepared",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "prepared Transition",
                                "name": "duration-prepared",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To prepared",
                                "name": "to-prepared",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At prepared",
                                "name": "at-prepared",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached prepared",
                                "name": "reached-prepared",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "on the way Transition",
                                "name": "transition-on the way",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "on the way Transition",
                                "name": "duration-on the way",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To on the way",
                                "name": "to-on the way",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At on the way",
                                "name": "at-on the way",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached on the way",
                                "name": "reached-on the way",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "delivered Transition",
                                "name": "transition-delivered",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "delivered Transition",
                                "name": "duration-delivered",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To delivered",
                                "name": "to-delivered",
                                "group": "Go to state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At delivered",
                                "name": "at-delivered",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached delivered",
                                "name": "reached-delivered",
                                "group": "Current state",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "placed",
                                        "prepared",
                                        "on the way",
                                        "delivered"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "placed",
                                "index": 26
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4644c067-71b1-61bf-12bc-82fdec6912f2",
                        "type": "Component Inputs",
                        "x": -875.0459870399083,
                        "y": 744.3580664626228,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "status",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ca98776e-d5c3-dfc3-a0d0-e34eb6dd90e5",
                        "type": "Color Blend",
                        "x": 35.980006376160645,
                        "y": 602.3763096002981,
                        "parameters": {
                            "color 1": "#0065FF",
                            "color 0": "#F1F1F2"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bd9ffe4b-69d8-9f58-120d-7434f483488d",
                        "type": "Color Blend",
                        "x": 32.94970334585753,
                        "y": 744.7212209832903,
                        "parameters": {
                            "color 1": "#0065FF",
                            "color 0": "#F1F1F2"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "51186b2e-91ba-b4c9-a769-8cf2fe8a00c0",
                        "type": "Color Blend",
                        "x": 40.01030940646365,
                        "y": 892.128942066923,
                        "parameters": {
                            "color 1": "#0065FF",
                            "color 0": "#F1F1F2"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "014b3c52-5b46-2168-268a-943cb8eb1c11",
                        "type": "String",
                        "x": -616.877253740143,
                        "y": 722.0307545107271,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "330f3127-2ddc-50c9-cf74-122b2bc95758",
                        "type": "Or",
                        "x": -283.42200555858074,
                        "y": 420.34840258246123,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f212f33c-b02d-d8f4-f4fb-417b23c96dee",
                        "type": "Or",
                        "x": -283.9848149037822,
                        "y": 551.2886021866243,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Order Details Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "51dd896d-8da8-a638-5164-895abb2823a5",
                        "fromProperty": "Show",
                        "toId": "4dc32de4-9926-9b8c-5ab1-23418a77dc99",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "53bf9174-0739-a07c-7874-eb342f9b21bb",
                        "fromProperty": "DeliveryAddress",
                        "toId": "bc235735-37e1-9363-5c76-f91b164aacea",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "53bf9174-0739-a07c-7874-eb342f9b21bb",
                        "fromProperty": "UserFullname",
                        "toId": "9473a0b4-5a97-a228-7c3a-dfdb27c8fd24",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b3c77aad-ba5e-6ae3-ec34-1e7835394e96",
                        "fromProperty": "count",
                        "toId": "227ed448-7a01-a24d-91a8-f13ba3337717",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "9fcd8413-8fe5-5384-71d2-3dbad0a55420",
                        "fromProperty": "count",
                        "toId": "eb281a97-96ec-4f09-f43b-f52fa75c7fd7",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "eb281a97-96ec-4f09-f43b-f52fa75c7fd7",
                        "fromProperty": "result",
                        "toId": "8d41dc58-e58d-0f60-5f46-1b52d6fc71fb",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "51dd896d-8da8-a638-5164-895abb2823a5",
                        "fromProperty": "To Right",
                        "toId": "4dc32de4-9926-9b8c-5ab1-23418a77dc99",
                        "toProperty": "To Right"
                    },
                    {
                        "fromId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "fromProperty": "deliveryType",
                        "toId": "5e9ea8b8-c03c-8d84-8b4d-dbc48685a128",
                        "toProperty": "Delivery Type"
                    },
                    {
                        "fromId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "fromProperty": "deliveryDate",
                        "toId": "689e3e3e-fde6-6541-2ee4-88a9e11582c3",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "fromProperty": "deliverySlot",
                        "toId": "689e3e3e-fde6-6541-2ee4-88a9e11582c3",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "fromProperty": "shippingDate",
                        "toId": "d1148243-818e-2ae2-0060-dc92045bc5c6",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "b3c77aad-ba5e-6ae3-ec34-1e7835394e96",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "fromProperty": "shippingCollectionId",
                        "toId": "9fcd8413-8fe5-5384-71d2-3dbad0a55420",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "fromProperty": "shippingCollectionId",
                        "toId": "8d41dc58-e58d-0f60-5f46-1b52d6fc71fb",
                        "toProperty": "Items Collection Id"
                    },
                    {
                        "fromId": "689e3e3e-fde6-6541-2ee4-88a9e11582c3",
                        "fromProperty": "Arrives By Label",
                        "toId": "5e2dbe70-aa34-08f4-c0de-e15b870b453c",
                        "toProperty": "Arrival Label"
                    },
                    {
                        "fromId": "227ed448-7a01-a24d-91a8-f13ba3337717",
                        "fromProperty": "result",
                        "toId": "5e2dbe70-aa34-08f4-c0de-e15b870b453c",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "b3c77aad-ba5e-6ae3-ec34-1e7835394e96",
                        "fromProperty": "id",
                        "toId": "5e2dbe70-aa34-08f4-c0de-e15b870b453c",
                        "toProperty": "Items Collection Id"
                    },
                    {
                        "fromId": "51dd896d-8da8-a638-5164-895abb2823a5",
                        "fromProperty": "Order Id",
                        "toId": "07452777-b6f0-3623-5788-29003f195bc1",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "07452777-b6f0-3623-5788-29003f195bc1",
                        "fromProperty": "savedValue",
                        "toId": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "toProperty": "modelId"
                    }
                ],
                "roots": [
                    {
                        "id": "4dc32de4-9926-9b8c-5ab1-23418a77dc99",
                        "type": "/UI Components/Page",
                        "x": 462.62365959946203,
                        "y": 628,
                        "parameters": {
                            "Start Visible": false,
                            "Clip": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "0837ec58-c92e-3b38-5d48-ad2601cf9720",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "backgroundColor": "#FAFAFA",
                                    "sizeMode": "explicit",
                                    "scrollBehavior": "noodl"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5e2dbe70-aa34-08f4-c0de-e15b870b453c",
                                        "type": "/Checkout/Details Card",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Title": "Delivery",
                                            "Status": 1,
                                            "Arrival Label": "Arrives by 9.32 am",
                                            "Items Collection Id": ""
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "8d41dc58-e58d-0f60-5f46-1b52d6fc71fb",
                                        "type": "/Checkout/Details Card",
                                        "x": 20,
                                        "y": 168,
                                        "parameters": {
                                            "Title": "Ship to home",
                                            "Arrival Label": "Arrives by Thurs, Mar 19",
                                            "Items Collection Id": ""
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "326e461e-dac8-6c3e-7ea8-317774aa264c",
                                        "type": "Group",
                                        "label": "TOTALS",
                                        "x": 502.62365959946203,
                                        "y": 904,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "8d2b2237-aa0b-c736-599d-5f0aca59e8d1",
                                                "type": "Group",
                                                "x": 522.623659599462,
                                                "y": 965,
                                                "parameters": {
                                                    "backgroundColor": "#FFFFFF",
                                                    "sizeMode": "contentHeight",
                                                    "borderRadius": 8,
                                                    "paddingTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "borderWidth": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "borderColor": "#E6E6E6",
                                                    "borderStyle": "solid",
                                                    "boxShadowEnabled": true,
                                                    "boxShadowOffsetY": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowOffsetX": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowSpreadRadius": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowBlurRadius": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowInset": false,
                                                    "boxShadowColor": "rgba(0,0,0,0.05)",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "4efbcb90-01eb-16ab-287b-66bbc5bd5086",
                                                        "type": "Group",
                                                        "x": 542.623659599462,
                                                        "y": 1011,
                                                        "parameters": {
                                                            "marginLeft": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            },
                                                            "marginBottom": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "e3887e82-3e9a-4aba-e046-f9ae68e75aa9",
                                                                "type": "Text",
                                                                "x": 562.623659599462,
                                                                "y": 1057,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#000000",
                                                                    "text": "Order summary"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "0ae1f677-08b5-b51b-fdf4-019d6e9f8e86",
                                        "type": "Group",
                                        "label": "PAYMENT",
                                        "x": 502.62365959946203,
                                        "y": 1149,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "09ffcc6a-3656-dd7d-4bd9-f779df410aa8",
                                                "type": "/Checkout/Payment Method Card",
                                                "x": 522.623659599462,
                                                "y": 1210,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "b6695892-560d-a42c-ebde-0c46e0fd85da",
                                        "type": "Group",
                                        "x": 502.62365959946203,
                                        "y": 1256,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 50,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d3a6009c-0118-ad4f-bff0-8e957bb83a00",
                                                "type": "Group",
                                                "label": "Address",
                                                "x": 522.623659599462,
                                                "y": 1302,
                                                "parameters": {
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "3618129f-11b0-f668-96a7-cd33e9c3f9e2",
                                                        "type": "Group",
                                                        "x": 542.623659599462,
                                                        "y": 1363,
                                                        "parameters": {
                                                            "backgroundColor": "#FFFFFF",
                                                            "sizeMode": "contentHeight",
                                                            "borderRadius": 8,
                                                            "paddingLeft": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingRight": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingTop": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "borderWidth": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "borderColor": "#E6E6E6",
                                                            "borderStyle": "solid",
                                                            "boxShadowEnabled": true,
                                                            "boxShadowOffsetY": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "boxShadowOffsetX": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "boxShadowSpreadRadius": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "boxShadowBlurRadius": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "boxShadowInset": false,
                                                            "boxShadowColor": "rgba(0,0,0,0.05)",
                                                            "marginLeft": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "bc10d1eb-ee19-6d57-89b1-bff30937ac52",
                                                                "type": "Text",
                                                                "x": 562.623659599462,
                                                                "y": 1409,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#000000",
                                                                    "text": "Delivery Address"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "9473a0b4-5a97-a228-7c3a-dfdb27c8fd24",
                                                                "type": "Text",
                                                                "x": 562.623659599462,
                                                                "y": 1455,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#000000",
                                                                    "text": "Delivery Address",
                                                                    "marginTop": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "bc235735-37e1-9363-5c76-f91b164aacea",
                                                                "type": "Text",
                                                                "x": 562.623659599462,
                                                                "y": 1537,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#000000"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "f12d93f0-ecc9-214f-a36d-d411c571b428",
                                        "type": "Group",
                                        "x": 558.3422786138283,
                                        "y": 791.7982351606544,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 100,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "51dd896d-8da8-a638-5164-895abb2823a5",
                        "type": "Component Inputs",
                        "x": 195.06831770175717,
                        "y": 559.2255124367681,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Order Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "53bf9174-0739-a07c-7874-eb342f9b21bb",
                        "type": "Globals",
                        "x": 205.63171560104163,
                        "y": 1442.5796276567899,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9fcd8413-8fe5-5384-71d2-3dbad0a55420",
                        "type": "Collection",
                        "x": -76.23056078995188,
                        "y": 1078.1229549238024,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b3c77aad-ba5e-6ae3-ec34-1e7835394e96",
                        "type": "Collection",
                        "x": -65.14496727734496,
                        "y": 918.1714800631067,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "eb281a97-96ec-4f09-f43b-f52fa75c7fd7",
                        "type": "Expression",
                        "x": 277.87916180395126,
                        "y": 957.9692404211626,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "227ed448-7a01-a24d-91a8-f13ba3337717",
                        "type": "Expression",
                        "x": 276.0285439977295,
                        "y": 848.782789854082,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e357634d-2c97-fb40-e653-48ab06fe19a6",
                        "type": "Model",
                        "x": -515.8564989016357,
                        "y": 983.4351559798943,
                        "parameters": {
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,deliveryCollectionId,shippingCollectionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5e9ea8b8-c03c-8d84-8b4d-dbc48685a128",
                        "type": "/Components/Delivery Type To Label",
                        "x": -246.85649890163575,
                        "y": 1256.4351559798943,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "689e3e3e-fde6-6541-2ee4-88a9e11582c3",
                        "type": "/Components/Get Time Label",
                        "x": -240.85649890163575,
                        "y": 1115.4351559798943,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d1148243-818e-2ae2-0060-dc92045bc5c6",
                        "type": "/Components/Get Time Label",
                        "x": -279.85649890163575,
                        "y": 1448.4351559798943,
                        "parameters": {
                            "Use Long Day Format": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "07452777-b6f0-3623-5788-29003f195bc1",
                        "type": "String",
                        "x": -166.85649890163575,
                        "y": 700.4351559798941,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Details Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "ef6eaeb8-3f8e-3658-a32a-5c01ddd55459",
                        "fromProperty": "Title",
                        "toId": "6dc5bb90-d94e-0d5e-943c-6ca7095147f1",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "2e9bd348-db1d-0260-0ff6-e938491d1a94",
                        "fromProperty": "items",
                        "toId": "4d625ca0-6e79-b282-0616-3d32e1d5da0a",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "ef6eaeb8-3f8e-3658-a32a-5c01ddd55459",
                        "fromProperty": "Status",
                        "toId": "246d4643-6c0d-12e2-3c0c-782d03e1d86b",
                        "toProperty": "s"
                    },
                    {
                        "fromId": "246d4643-6c0d-12e2-3c0c-782d03e1d86b",
                        "fromProperty": "result",
                        "toId": "8a0b6995-0a8b-467c-8818-408612f4da47",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "549f2e4a-bb34-0352-f573-996dee913ea9",
                        "fromProperty": "eventReceived",
                        "toId": "4d625ca0-6e79-b282-0616-3d32e1d5da0a",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "ef6eaeb8-3f8e-3658-a32a-5c01ddd55459",
                        "fromProperty": "Status",
                        "toId": "a14fb512-8f4b-7471-1299-46ed61a22e0e",
                        "toProperty": "status"
                    },
                    {
                        "fromId": "ef6eaeb8-3f8e-3658-a32a-5c01ddd55459",
                        "fromProperty": "Items Collection Id",
                        "toId": "86f84cbc-1d28-b7c9-853b-976ad162d04f",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "86f84cbc-1d28-b7c9-853b-976ad162d04f",
                        "fromProperty": "savedValue",
                        "toId": "2e9bd348-db1d-0260-0ff6-e938491d1a94",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "ef6eaeb8-3f8e-3658-a32a-5c01ddd55459",
                        "fromProperty": "Mounted",
                        "toId": "6fdf63e3-4f4c-a0e4-f9af-c8de2bc2e094",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "ef6eaeb8-3f8e-3658-a32a-5c01ddd55459",
                        "fromProperty": "Items Collection Id",
                        "toId": "e25c9bba-16f1-18d0-3f40-22b61a1fc262",
                        "toProperty": "Cart Id"
                    },
                    {
                        "fromId": "e25c9bba-16f1-18d0-3f40-22b61a1fc262",
                        "fromProperty": "Total Count",
                        "toId": "ad3a5fdd-6db3-b69f-a6e2-5b0c2fd5dbed",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "ad3a5fdd-6db3-b69f-a6e2-5b0c2fd5dbed",
                        "fromProperty": "formatted",
                        "toId": "a3099830-cf11-0d77-887a-8984d75dc828",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "c0d28d96-68be-73ed-1a1a-fe5c0c301838",
                        "fromProperty": "Click",
                        "toId": "3406a4cb-e607-2d8a-6b76-ff236dee4989",
                        "toProperty": "To Track"
                    }
                ],
                "roots": [
                    {
                        "id": "ef6eaeb8-3f8e-3658-a32a-5c01ddd55459",
                        "type": "Component Inputs",
                        "x": 412.80284939420534,
                        "y": 565.9517101168049,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Category",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Items Collection Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Arrival Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "Status",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dce6a7d9-7874-3f19-9991-e6502ec8e4a5",
                        "type": "Group",
                        "label": "Content",
                        "x": 761.7914820779861,
                        "y": 556.8736395860033,
                        "parameters": {
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            },
                            "height": {
                                "value": 1000,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ab89aea1-740e-81f5-ac3f-14937932f7b3",
                                "type": "Group",
                                "x": 781.7914820779861,
                                "y": 653.8736395860033,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "sizeMode": "contentHeight",
                                    "borderRadius": 8,
                                    "paddingLeft": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#E6E6E6",
                                    "borderStyle": "solid",
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetX": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "boxShadowInset": false,
                                    "boxShadowColor": "rgba(0,0,0,0.05)"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "20dec7df-0a0e-e4d5-0f0f-6884f0b60487",
                                        "type": "Group",
                                        "label": "HEADER",
                                        "x": 801.7914820779861,
                                        "y": 699.8736395860033,
                                        "parameters": {
                                            "flexDirection": "column",
                                            "marginBottom": {
                                                "value": 5,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b8eb70a3-1c1f-d0dc-d4fc-48aca26cda4b",
                                                "type": "Group",
                                                "x": 821.7914820779861,
                                                "y": 760.8736395860033,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "6dc5bb90-d94e-0d5e-943c-6ca7095147f1",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "a3099830-cf11-0d77-887a-8984d75dc828",
                                                        "type": "Text",
                                                        "label": "Item Count",
                                                        "x": 20,
                                                        "y": 128,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "position": "absolute",
                                                            "alignX": "right",
                                                            "alignY": "center",
                                                            "color": "#808080",
                                                            "text": " | by Thursday"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "5d94e56a-ffc4-1041-177a-0f14030a95e0",
                                                "type": "Group",
                                                "x": 821.7914820779861,
                                                "y": 970.8736395860033,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginTop": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "a14fb512-8f4b-7471-1299-46ed61a22e0e",
                                                        "type": "/Checkout/Status/Status tracker",
                                                        "x": 841.7914820779861,
                                                        "y": 1016.8736395860033,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "9657c3dc-484c-5ae9-281d-d75c9fdd743d",
                                        "type": "Group",
                                        "label": "CARD DIVDER",
                                        "x": 801.7914820779861,
                                        "y": 1098.8736395860033,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F2F2F2",
                                            "width": {
                                                "value": 109,
                                                "unit": "%"
                                            },
                                            "position": "relative",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "b7334822-e7dd-61fb-2c47-7063e1af844d",
                                        "type": "Group",
                                        "x": 815.7914820779861,
                                        "y": 1149.8736395860033,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "4d625ca0-6e79-b282-0616-3d32e1d5da0a",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "templateType": "explicit",
                                                    "template": "/Checkout/Checkout Item"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "8a0b6995-0a8b-467c-8818-408612f4da47",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 649,
                                        "parameters": {
                                            "width": {
                                                "value": 105,
                                                "unit": "px"
                                            },
                                            "alignX": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "c0d28d96-68be-73ed-1a1a-fe5c0c301838",
                                                "type": "/UI Components/Design System/Button",
                                                "x": 836.5411206692017,
                                                "y": 1294.6303319034919,
                                                "parameters": {
                                                    "Small": true,
                                                    "Title": "Track order"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "2e9bd348-db1d-0260-0ff6-e938491d1a94",
                        "type": "Collection",
                        "x": 514.2897464402405,
                        "y": 1186.7718051584166,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "246d4643-6c0d-12e2-3c0c-782d03e1d86b",
                        "type": "Expression",
                        "x": 319.81296724911806,
                        "y": 1250.985588714728,
                        "parameters": {
                            "expression": "s > 2"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "s",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "3406a4cb-e607-2d8a-6b76-ff236dee4989",
                        "type": "Component Outputs",
                        "x": 995.1354423856335,
                        "y": 1348.2177575203839,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Track",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "549f2e4a-bb34-0352-f573-996dee913ea9",
                        "type": "Event Receiver",
                        "x": 1065.4762352270786,
                        "y": 1171.3064496961313,
                        "parameters": {
                            "channelName": "deliveryCollectionUpdated"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "86f84cbc-1d28-b7c9-853b-976ad162d04f",
                        "type": "String",
                        "x": 401.52562097943917,
                        "y": 883.4240920606128,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6fdf63e3-4f4c-a0e4-f9af-c8de2bc2e094",
                        "type": "Boolean",
                        "x": 159.52562097943917,
                        "y": 590.4240920606128,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e25c9bba-16f1-18d0-3f40-22b61a1fc262",
                        "type": "/Cart/Cart Totals",
                        "x": 402.52562097943917,
                        "y": 744.4240920606128,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ad3a5fdd-6db3-b69f-a6e2-5b0c2fd5dbed",
                        "type": "String Format",
                        "x": 624.5256209794392,
                        "y": 810.4240920606128,
                        "parameters": {
                            "format": "{count} items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Cart",
            "graph": {
                "connections": [
                    {
                        "fromId": "52dd6f9e-032a-6713-c256-99c4891d9d07",
                        "fromProperty": "formatted",
                        "toId": "50302d39-df39-a5b1-43cb-0b38f24fb279",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "81897fd0-e82b-d937-df04-70bc39fea9bb",
                        "fromProperty": "result",
                        "toId": "a0fbc89b-1d84-2715-5758-00973e8be902",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "81897fd0-e82b-d937-df04-70bc39fea9bb",
                        "fromProperty": "result",
                        "toId": "50302d39-df39-a5b1-43cb-0b38f24fb279",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "1586bd0a-bcc5-70fe-3ecf-553d736a5871",
                        "fromProperty": "result",
                        "toId": "db23eb28-02bf-66eb-a110-c39586deb57c",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "db23eb28-02bf-66eb-a110-c39586deb57c",
                        "fromProperty": "result",
                        "toId": "52dd6f9e-032a-6713-c256-99c4891d9d07",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "6fd979ae-cbaf-ca5c-bec5-4509d907c3d2",
                        "fromProperty": "Is Expanded",
                        "toId": "3330f630-9018-6948-983b-a0746cc5f907",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "3330f630-9018-6948-983b-a0746cc5f907",
                        "fromProperty": "savedValue",
                        "toId": "75448042-d958-4bb3-104e-f98dd9348bb4",
                        "toProperty": "expanded"
                    },
                    {
                        "fromId": "75448042-d958-4bb3-104e-f98dd9348bb4",
                        "fromProperty": "result",
                        "toId": "b08fa327-bf93-d700-64da-3e99429beaf5",
                        "toProperty": "to-Expanded"
                    },
                    {
                        "fromId": "3330f630-9018-6948-983b-a0746cc5f907",
                        "fromProperty": "savedValue",
                        "toId": "5c60be9b-0dd3-c9a6-50fb-2d2cb45ec4db",
                        "toProperty": "expanded"
                    },
                    {
                        "fromId": "5c60be9b-0dd3-c9a6-50fb-2d2cb45ec4db",
                        "fromProperty": "result",
                        "toId": "b08fa327-bf93-d700-64da-3e99429beaf5",
                        "toProperty": "to-Compressed"
                    },
                    {
                        "fromId": "b08fa327-bf93-d700-64da-3e99429beaf5",
                        "fromProperty": "Image Scale",
                        "toId": "3e4ec1f8-cad9-b032-ab8c-b093dab7f238",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "b08fa327-bf93-d700-64da-3e99429beaf5",
                        "fromProperty": "Price Opacity",
                        "toId": "50302d39-df39-a5b1-43cb-0b38f24fb279",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "b52a8c10-eb3e-e911-5a10-0ddac971257c",
                        "fromProperty": "Total Count",
                        "toId": "86a4da08-1c6d-96c3-3516-0a716718f6c6",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b52a8c10-eb3e-e911-5a10-0ddac971257c",
                        "fromProperty": "Total Count",
                        "toId": "81897fd0-e82b-d937-df04-70bc39fea9bb",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "b52a8c10-eb3e-e911-5a10-0ddac971257c",
                        "fromProperty": "Total Price",
                        "toId": "1586bd0a-bcc5-70fe-3ecf-553d736a5871",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "b08fa327-bf93-d700-64da-3e99429beaf5",
                        "fromProperty": "badgeY",
                        "toId": "a0fbc89b-1d84-2715-5758-00973e8be902",
                        "toProperty": "transformY"
                    }
                ],
                "roots": [
                    {
                        "id": "f7173ced-2e74-905f-01ba-accc8fbe1036",
                        "type": "Group",
                        "x": 384,
                        "y": 455,
                        "parameters": {
                            "sizeMode": "explicit"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3e4ec1f8-cad9-b032-ab8c-b093dab7f238",
                                "type": "Image",
                                "label": "Cart Icon",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "alignY": "center",
                                    "srcSet": "icons/cart.png, icons/cart@2x.png 2x, icons/cart@3x.png 3x",
                                    "transformY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "transformOriginX": {
                                        "value": 0,
                                        "unit": "%"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a0fbc89b-1d84-2715-5758-00973e8be902",
                                "type": "Group",
                                "label": "Cart Badge",
                                "x": 20,
                                "y": 143,
                                "parameters": {
                                    "position": "absolute",
                                    "sizeMode": "explicit",
                                    "transformX": {
                                        "value": 17,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#FFE30F",
                                    "borderRadius": 8
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "86a4da08-1c6d-96c3-3516-0a716718f6c6",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 117,
                                        "parameters": {
                                            "position": "absolute",
                                            "alignX": "left",
                                            "alignY": "center",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "textAlign": "center",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "transformY": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight",
                                            "height": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "transformX": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "text": "X"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "50302d39-df39-a5b1-43cb-0b38f24fb279",
                                "type": "Text",
                                "label": "Cart Price",
                                "x": 20,
                                "y": 322,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                    "color": "#FFFFFF",
                                    "fontSize": {
                                        "value": 9,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "52dd6f9e-032a-6713-c256-99c4891d9d07",
                        "type": "String Format",
                        "x": 731.6550096666434,
                        "y": 872.4712725993445,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "81897fd0-e82b-d937-df04-70bc39fea9bb",
                        "type": "Expression",
                        "x": 730,
                        "y": 445,
                        "parameters": {
                            "expression": "items > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1586bd0a-bcc5-70fe-3ecf-553d736a5871",
                        "type": "Expression",
                        "x": 732.8867622005718,
                        "y": 735.5406573317525,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "db23eb28-02bf-66eb-a110-c39586deb57c",
                        "type": "Expression",
                        "x": 454.60835437344304,
                        "y": 908.3023859862194,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b08fa327-bf93-d700-64da-3e99429beaf5",
                        "type": "States",
                        "x": 130.07593035282002,
                        "y": 539.5578812222136,
                        "parameters": {
                            "states": "Expanded,Compressed",
                            "value-Expanded-Search Text Y": 56,
                            "value-Compressed-Search Text Y": 36,
                            "value-Expanded-Search Text Opacity": 1,
                            "value-Compressed-Search Text Opacity": 0,
                            "value-Expanded-Logo Scale": 1,
                            "value-Compressed-Logo Scale": 0.76923076,
                            "value-Expanded-Header Height": 76,
                            "value-Compressed-Header Height": 26,
                            "values": "Image Scale,Price Opacity,badgeY",
                            "value-Expanded-Image Scale": 1,
                            "value-Compressed-Image Scale": 0.72,
                            "value-Expanded-Price Opacity": 1,
                            "value-Compressed-Price Opacity": 0,
                            "value-Expanded-badgeY": 0,
                            "value-Compressed-badgeY": 4,
                            "value-Expanded-badgeX": 0,
                            "value-Compressed-badgeX": 4
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Image Scale",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Price Opacity",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "badgeY",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "badgeX",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Image Scale",
                                "displayName": "Image Scale",
                                "editorName": "Expanded|Image Scale",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Price Opacity",
                                "displayName": "Price Opacity",
                                "editorName": "Expanded|Price Opacity",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-badgeY",
                                "displayName": "badgeY",
                                "editorName": "Expanded|badgeY",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-badgeX",
                                "displayName": "badgeX",
                                "editorName": "Expanded|badgeX",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Expanded Transition",
                                "name": "transition-Expanded",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Expanded Transition",
                                "name": "duration-Expanded",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Expanded",
                                "name": "to-Expanded",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Expanded",
                                "name": "at-Expanded",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Expanded",
                                "name": "reached-Expanded",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Image Scale",
                                "displayName": "Image Scale",
                                "editorName": "Compressed|Image Scale",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-Price Opacity",
                                "displayName": "Price Opacity",
                                "editorName": "Compressed|Price Opacity",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-badgeY",
                                "displayName": "badgeY",
                                "editorName": "Compressed|badgeY",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Compressed Values",
                                "name": "value-Compressed-badgeX",
                                "displayName": "badgeX",
                                "editorName": "Compressed|badgeX",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Compressed Transition",
                                "name": "transition-Compressed",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Compressed Transition",
                                "name": "duration-Compressed",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Compressed",
                                "name": "to-Compressed",
                                "group": "Go to state",
                                "index": 25
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Compressed",
                                "name": "at-Compressed",
                                "group": "Current state",
                                "index": 26
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Compressed",
                                "name": "reached-Compressed",
                                "group": "Current state",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Expanded",
                                        "Compressed"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Expanded",
                                "index": 28
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6fd979ae-cbaf-ca5c-bec5-4509d907c3d2",
                        "type": "Component Inputs",
                        "x": -192.92406964717998,
                        "y": 600.212890888857,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Is Expanded",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3330f630-9018-6948-983b-a0746cc5f907",
                        "type": "Boolean",
                        "x": -55.92406964717998,
                        "y": 787.212890888857,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "75448042-d958-4bb3-104e-f98dd9348bb4",
                        "type": "Expression",
                        "x": -41.92406964717992,
                        "y": 901.212890888857,
                        "parameters": {
                            "expression": "expanded === true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "expanded",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5c60be9b-0dd3-c9a6-50fb-2d2cb45ec4db",
                        "type": "Expression",
                        "x": 124.07593035282008,
                        "y": 906.212890888857,
                        "parameters": {
                            "expression": "expanded === false"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "expanded",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b52a8c10-eb3e-e911-5a10-0ddac971257c",
                        "type": "/Cart/Cart Totals",
                        "x": 86,
                        "y": 309.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/blur",
            "graph": {
                "connections": [
                    {
                        "fromId": "c5a04e3b-435b-8066-07ef-8bc97cb0e4e8",
                        "fromProperty": "Blur It!",
                        "toId": "2ffb8471-191d-95ff-de77-6083ba4d4670",
                        "toProperty": "to-Blur"
                    },
                    {
                        "fromId": "c5a04e3b-435b-8066-07ef-8bc97cb0e4e8",
                        "fromProperty": "No blur plz",
                        "toId": "2ffb8471-191d-95ff-de77-6083ba4d4670",
                        "toProperty": "to-No Blur"
                    },
                    {
                        "fromId": "2ffb8471-191d-95ff-de77-6083ba4d4670",
                        "fromProperty": "blurRadius",
                        "toId": "d9c6091a-0f5b-bf03-518b-6c46f254f8e2",
                        "toProperty": "blurRadius"
                    }
                ],
                "roots": [
                    {
                        "id": "c5a04e3b-435b-8066-07ef-8bc97cb0e4e8",
                        "type": "Component Inputs",
                        "x": 339,
                        "y": 281,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Blur It!",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "No blur plz",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d9c6091a-0f5b-bf03-518b-6c46f254f8e2",
                        "type": "Javascript2",
                        "x": 522.4552106855607,
                        "y": 490.81721964403096,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    group: 'reference',\n\t    blurRadius:'number',\n\t},\n\t\n\tchange:function(inputs,outputs) {\n\t    if(!inputs.group) return;\n\t    \n\t\tconst domNode = ReactDOM.findDOMNode(inputs.group.getRef());\n\t\tif(!domNode) return;\n\t\t\n\t\tconst blur = inputs.blurRadius;\n\t\t\n\t\tif(blur > 1) {\n\t\t    domNode.style.filter = \"blur(\" + blur + \"px)\";\n\t\t}\n\t\telse {\n\t\t    domNode.style.filter = \"\";\n\t\t}\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "group",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "blurRadius",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2ffb8471-191d-95ff-de77-6083ba4d4670",
                        "type": "States",
                        "x": 626.1236770105426,
                        "y": 312.3225829466045,
                        "parameters": {
                            "states": "Blur,No Blur",
                            "values": "blurRadius",
                            "value-Blur-blurRadius": 5,
                            "value-No Blur-blurRadius": 0,
                            "startState": "No Blur"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "blurRadius",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Blur Values",
                                "name": "value-Blur-blurRadius",
                                "displayName": "blurRadius",
                                "editorName": "Blur|blurRadius",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Blur Transition",
                                "name": "transition-Blur",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Blur Transition",
                                "name": "duration-Blur",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Blur",
                                "name": "to-Blur",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Blur",
                                "name": "at-Blur",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Blur",
                                "name": "reached-Blur",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Blur Values",
                                "name": "value-No Blur-blurRadius",
                                "displayName": "blurRadius",
                                "editorName": "No Blur|blurRadius",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "No Blur Transition",
                                "name": "transition-No Blur",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "No Blur Transition",
                                "name": "duration-No Blur",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To No Blur",
                                "name": "to-No Blur",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At No Blur",
                                "name": "at-No Blur",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached No Blur",
                                "name": "reached-No Blur",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Blur",
                                        "No Blur"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Blur",
                                "index": 19
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Category Button",
            "graph": {
                "connections": [
                    {
                        "fromId": "8fb2ce69-b3ef-b554-9954-76115f437a63",
                        "fromProperty": "itemId",
                        "toId": "97abab4e-d1fd-69ad-6d91-c0392b00beac",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "8fb2ce69-b3ef-b554-9954-76115f437a63",
                        "fromProperty": "itemId",
                        "toId": "6a1ff3e1-bbd5-21b1-b342-1c9497231c5a",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "6a1ff3e1-bbd5-21b1-b342-1c9497231c5a",
                        "fromProperty": "selected",
                        "toId": "c2bd81be-24e9-a77a-6151-094f14eb56e1",
                        "toProperty": "selected"
                    },
                    {
                        "fromId": "6a1ff3e1-bbd5-21b1-b342-1c9497231c5a",
                        "fromProperty": "selected",
                        "toId": "3e9dfb56-947e-a121-286b-5d1634206601",
                        "toProperty": "selected"
                    },
                    {
                        "fromId": "c2bd81be-24e9-a77a-6151-094f14eb56e1",
                        "fromProperty": "result",
                        "toId": "2e48d920-a7a6-e380-4d7f-e4ee4f3f98c0",
                        "toProperty": "to-selected"
                    },
                    {
                        "fromId": "3e9dfb56-947e-a121-286b-5d1634206601",
                        "fromProperty": "result",
                        "toId": "2e48d920-a7a6-e380-4d7f-e4ee4f3f98c0",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "2e48d920-a7a6-e380-4d7f-e4ee4f3f98c0",
                        "fromProperty": "selected",
                        "toId": "8c2bdbb6-ab22-76aa-5035-76459524386f",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "8c2bdbb6-ab22-76aa-5035-76459524386f",
                        "fromProperty": "result",
                        "toId": "97abab4e-d1fd-69ad-6d91-c0392b00beac",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "2e48d920-a7a6-e380-4d7f-e4ee4f3f98c0",
                        "fromProperty": "selected",
                        "toId": "6f171560-128e-79ca-8d8e-54cc13e7afff",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "6f171560-128e-79ca-8d8e-54cc13e7afff",
                        "fromProperty": "result",
                        "toId": "87ade1ee-c397-e0b4-b938-fde268079467",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "87ade1ee-c397-e0b4-b938-fde268079467",
                        "fromProperty": "onClick",
                        "toId": "90303e02-e353-cd9c-ca0c-ef0bee2c7c4d",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "90303e02-e353-cd9c-ca0c-ef0bee2c7c4d",
                        "fromProperty": "timerFinished",
                        "toId": "fd2d10b8-e823-25a6-9f43-858ed04946cc",
                        "toProperty": "trigger"
                    }
                ],
                "roots": [
                    {
                        "id": "87ade1ee-c397-e0b4-b938-fde268079467",
                        "type": "Group",
                        "x": 466,
                        "y": 395,
                        "parameters": {
                            "height": {
                                "value": 41,
                                "unit": "px"
                            },
                            "borderRadius": 6,
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 1,
                                "unit": "px"
                            },
                            "borderColor": "#E6E7E8",
                            "sizeMode": "contentWidth",
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 12,
                                "unit": "px"
                            },
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "97abab4e-d1fd-69ad-6d91-c0392b00beac",
                                "type": "Text",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "fontSize": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "color": "#000000",
                                    "sizeMode": "contentHeight",
                                    "alignX": "center",
                                    "alignY": "center",
                                    "position": "relative",
                                    "textAlign": "center",
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "8fb2ce69-b3ef-b554-9954-76115f437a63",
                        "type": "For Each Actions",
                        "x": 109,
                        "y": 542,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fd2d10b8-e823-25a6-9f43-858ed04946cc",
                        "type": "Trigger Item Action",
                        "x": 891,
                        "y": 433.5,
                        "parameters": {
                            "actionName": "Category Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2e48d920-a7a6-e380-4d7f-e4ee4f3f98c0",
                        "type": "States",
                        "x": 75,
                        "y": 212.5,
                        "parameters": {
                            "states": "default,selected",
                            "values": "selected",
                            "value-default-selected": 0,
                            "value-selected-selected": 1,
                            "duration-selected": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "selected",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-selected",
                                "displayName": "selected",
                                "editorName": "default|selected",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "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": "number",
                                "group": "selected Values",
                                "name": "value-selected-selected",
                                "displayName": "selected",
                                "editorName": "selected|selected",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "selected Transition",
                                "name": "transition-selected",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "selected Transition",
                                "name": "duration-selected",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To selected",
                                "name": "to-selected",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At selected",
                                "name": "at-selected",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached selected",
                                "name": "reached-selected",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6a1ff3e1-bbd5-21b1-b342-1c9497231c5a",
                        "type": "Model",
                        "x": 81,
                        "y": 410.5,
                        "parameters": {
                            "properties": "selected"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "selected",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c2bd81be-24e9-a77a-6151-094f14eb56e1",
                        "type": "Expression",
                        "x": -154,
                        "y": 279.5,
                        "parameters": {
                            "expression": "selected === true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "selected",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "3e9dfb56-947e-a121-286b-5d1634206601",
                        "type": "Expression",
                        "x": -144,
                        "y": 143.5,
                        "parameters": {
                            "expression": "selected !== true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "selected",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8c2bdbb6-ab22-76aa-5035-76459524386f",
                        "type": "Color Blend",
                        "x": 261,
                        "y": 310.5,
                        "parameters": {
                            "color 0": "#2E2F32",
                            "color 1": "#ffffff"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6f171560-128e-79ca-8d8e-54cc13e7afff",
                        "type": "Color Blend",
                        "x": 278,
                        "y": 417.5,
                        "parameters": {
                            "color 0": "#ffffff",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "90303e02-e353-cd9c-ca0c-ef0bee2c7c4d",
                        "type": "Timer",
                        "x": 688,
                        "y": 441.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Status summary",
            "graph": {
                "connections": [
                    {
                        "fromId": "cc9890db-0545-fde1-fa63-0fe8aa4ad0d0",
                        "fromProperty": "formatted",
                        "toId": "57547e7c-647f-3041-f9c2-c26367dc9a04",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "89b70300-6c68-6493-5e26-582380d05a02",
                        "fromProperty": "formatted",
                        "toId": "a16ab7b3-756f-d032-864a-f1aa9d742c6d",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "6fb99465-183d-a649-a03d-953f93dea3ad",
                        "fromProperty": "onClick",
                        "toId": "2dd01897-ec24-17f8-d798-bd273731187f",
                        "toProperty": "ViewDetails"
                    },
                    {
                        "fromId": "152bf8a1-2bc8-8d18-a484-681127b66098",
                        "fromProperty": "result",
                        "toId": "89b70300-6c68-6493-5e26-582380d05a02",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "ac78d563-ca4c-76f9-4e8d-6a85c28fc9a7",
                        "fromProperty": "result",
                        "toId": "c43cab35-1b57-8a1e-1a59-48bad2f31d16",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "c43cab35-1b57-8a1e-1a59-48bad2f31d16",
                        "fromProperty": "result",
                        "toId": "2c836784-74c3-9468-d4ee-d3865adacfeb",
                        "toProperty": "tax"
                    },
                    {
                        "fromId": "2c836784-74c3-9468-d4ee-d3865adacfeb",
                        "fromProperty": "result",
                        "toId": "152bf8a1-2bc8-8d18-a484-681127b66098",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "21955f60-8ec9-60fe-abe8-dd20d7338082",
                        "fromProperty": "result",
                        "toId": "2c836784-74c3-9468-d4ee-d3865adacfeb",
                        "toProperty": "delivery"
                    },
                    {
                        "fromId": "c3a40957-6020-41f7-4662-12764f1d6348",
                        "fromProperty": "LatestOrderId",
                        "toId": "94d5c438-a42c-32c0-22d4-37e5f55ce1c0",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "94d5c438-a42c-32c0-22d4-37e5f55ce1c0",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "d5fce66f-95b1-7b6d-0c67-a165eaab01da",
                        "toProperty": "Cart Id"
                    },
                    {
                        "fromId": "d5fce66f-95b1-7b6d-0c67-a165eaab01da",
                        "fromProperty": "Total Count",
                        "toId": "cc9890db-0545-fde1-fa63-0fe8aa4ad0d0",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "d5fce66f-95b1-7b6d-0c67-a165eaab01da",
                        "fromProperty": "Total Price",
                        "toId": "2c836784-74c3-9468-d4ee-d3865adacfeb",
                        "toProperty": "total"
                    },
                    {
                        "fromId": "d5fce66f-95b1-7b6d-0c67-a165eaab01da",
                        "fromProperty": "Total Price",
                        "toId": "21955f60-8ec9-60fe-abe8-dd20d7338082",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "d5fce66f-95b1-7b6d-0c67-a165eaab01da",
                        "fromProperty": "Total Price",
                        "toId": "ac78d563-ca4c-76f9-4e8d-6a85c28fc9a7",
                        "toProperty": "value"
                    }
                ],
                "roots": [
                    {
                        "id": "6d287170-9d7b-995f-427f-91fa11f16357",
                        "type": "Group",
                        "label": "SUMMARY",
                        "x": 721.8599062779946,
                        "y": 709.1093273071835,
                        "parameters": {
                            "flexDirection": "column",
                            "sizeMode": "explicit"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "f00fc012-a45d-3720-3ebb-1c33e93f8a1e",
                                "type": "Group",
                                "x": 1079.3412784658728,
                                "y": 2979.220430491101,
                                "parameters": {
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2928e771-50ac-6f04-7942-5adbb7b2a9cc",
                                        "type": "Group",
                                        "x": 1099.3412784658728,
                                        "y": 3025.220430491101,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "ac2c5086-3696-68b6-faf1-af3db6a69feb",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "src": "images/icon - bag@2x.png",
                                                    "sizeMode": "explicit",
                                                    "width": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "57547e7c-647f-3041-f9c2-c26367dc9a04",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 92,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "text": "6 items",
                                                    "color": "#000000",
                                                    "marginLeft": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "95278755-72b4-e828-2a8c-4476b7241c5e",
                                        "type": "Group",
                                        "x": 1099.3412784658728,
                                        "y": 3199.220430491101,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "alignX": "right",
                                            "sizeMode": "contentSize",
                                            "position": "absolute",
                                            "marginRight": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "abc9296f-ac16-48a1-6cb4-2a861095847a",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "text": "Total",
                                                    "color": "#000000",
                                                    "marginLeft": {
                                                        "value": 25,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center",
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "a16ab7b3-756f-d032-864a-f1aa9d742c6d",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 92,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "text": "6 items",
                                                    "color": "#000000",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center",
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "6fb99465-183d-a649-a03d-953f93dea3ad",
                                "type": "Group",
                                "x": 741.8599062779946,
                                "y": 1164.1093273071835,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "273f3c69-d8b4-0724-53d1-acd3e6fbfd41",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "text": "View details",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentWidth",
                                            "style": "{\n    textDecoration:'underline'\n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "7ebf91f4-f763-0198-425c-dd42180fa13b",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 128,
                                        "parameters": {
                                            "text": "(includes $XX.XX delivery fee)",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "textAlign": "right",
                                            "marginRight": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "cc9890db-0545-fde1-fa63-0fe8aa4ad0d0",
                        "type": "String Format",
                        "x": 1038.7134395846222,
                        "y": 887.4628014543209,
                        "parameters": {
                            "format": "{items} items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "89b70300-6c68-6493-5e26-582380d05a02",
                        "type": "String Format",
                        "x": 1012.7532845534361,
                        "y": 1063.4049746752794,
                        "parameters": {
                            "format": "${num}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2dd01897-ec24-17f8-d798-bd273731187f",
                        "type": "Component Outputs",
                        "x": 445.1770902496536,
                        "y": 964.9104213711214,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "ViewDetails",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "152bf8a1-2bc8-8d18-a484-681127b66098",
                        "type": "Expression",
                        "x": 1201.3177706342378,
                        "y": 1060.6560979067667,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ac78d563-ca4c-76f9-4e8d-6a85c28fc9a7",
                        "type": "Expression",
                        "x": 1867.6613459609548,
                        "y": 926.6041175073431,
                        "parameters": {
                            "expression": "value * 0.25"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "value",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2c836784-74c3-9468-d4ee-d3865adacfeb",
                        "type": "Expression",
                        "x": 1562.6416172626111,
                        "y": 1017.8251889533669,
                        "parameters": {
                            "expression": "total+tax+delivery"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "total",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "tax",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "delivery",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c43cab35-1b57-8a1e-1a59-48bad2f31d16",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 1877.2577215206757,
                        "y": 1047.7424709882494,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "21955f60-8ec9-60fe-abe8-dd20d7338082",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 1565.5683671965744,
                        "y": 821.1729157241912,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c3a40957-6020-41f7-4662-12764f1d6348",
                        "type": "Globals",
                        "x": 1336.8875979385543,
                        "y": 450.71169422243975,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestOrderId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "94d5c438-a42c-32c0-22d4-37e5f55ce1c0",
                        "type": "Model",
                        "x": 1103.8875979385543,
                        "y": 439.71169422243975,
                        "parameters": {
                            "properties": "shippingCollectionId,deliveryCollectionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d5fce66f-95b1-7b6d-0c67-a165eaab01da",
                        "type": "/Cart/Cart Totals",
                        "x": 1231.8875979385543,
                        "y": 617.7116942224397,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Design System/Tab",
            "graph": {
                "connections": [
                    {
                        "fromId": "8d875fae-a42e-9fae-772d-3658c33395d5",
                        "fromProperty": "result",
                        "toId": "edc9c3ff-f71e-75f0-fc78-fda62c7347f9",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "ba2d6d8e-1d4c-a5bd-3f99-0fcb304d635b",
                        "fromProperty": "label",
                        "toId": "edc9c3ff-f71e-75f0-fc78-fda62c7347f9",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "681c273d-bab8-33b1-69be-38e8a01794c0",
                        "fromProperty": "at-Selected",
                        "toId": "8d875fae-a42e-9fae-772d-3658c33395d5",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "51e3d16c-c789-93c5-eb05-e6b0815ff95e",
                        "fromProperty": "currentValue",
                        "toId": "719a93ae-c98f-9e54-1bbd-d6e2f5e99562",
                        "toProperty": "suffix"
                    },
                    {
                        "fromId": "ba2d6d8e-1d4c-a5bd-3f99-0fcb304d635b",
                        "fromProperty": "tab id",
                        "toId": "719a93ae-c98f-9e54-1bbd-d6e2f5e99562",
                        "toProperty": "icon"
                    },
                    {
                        "fromId": "719a93ae-c98f-9e54-1bbd-d6e2f5e99562",
                        "fromProperty": "formatted",
                        "toId": "5f7e3a63-03bc-557a-f546-c521662cd69a",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "681c273d-bab8-33b1-69be-38e8a01794c0",
                        "fromProperty": "at-Selected",
                        "toId": "51e3d16c-c789-93c5-eb05-e6b0815ff95e",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "e881f8ac-4e30-b13b-e4b3-c9d7646d3d3d",
                        "fromProperty": "onClick",
                        "toId": "d83ca102-f1ae-c25d-a0e6-1f3cb88a4d90",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "ba2d6d8e-1d4c-a5bd-3f99-0fcb304d635b",
                        "fromProperty": "tab id",
                        "toId": "d83ca102-f1ae-c25d-a0e6-1f3cb88a4d90",
                        "toProperty": "tab id"
                    },
                    {
                        "fromId": "8e599942-6f53-bafd-61bb-c4967e6d570d",
                        "fromProperty": "eventReceived",
                        "toId": "50db3665-5c0c-2265-003f-7c7bad99f558",
                        "toProperty": "gotEvent"
                    },
                    {
                        "fromId": "8e599942-6f53-bafd-61bb-c4967e6d570d",
                        "fromProperty": "tab id",
                        "toId": "50db3665-5c0c-2265-003f-7c7bad99f558",
                        "toProperty": "tabId"
                    },
                    {
                        "fromId": "50db3665-5c0c-2265-003f-7c7bad99f558",
                        "fromProperty": "result",
                        "toId": "681c273d-bab8-33b1-69be-38e8a01794c0",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "804e4842-e6fa-f7ee-99b2-433ef44370e3",
                        "fromProperty": "result",
                        "toId": "681c273d-bab8-33b1-69be-38e8a01794c0",
                        "toProperty": "to-Selected"
                    },
                    {
                        "fromId": "8e599942-6f53-bafd-61bb-c4967e6d570d",
                        "fromProperty": "eventReceived",
                        "toId": "804e4842-e6fa-f7ee-99b2-433ef44370e3",
                        "toProperty": "gotEvent"
                    },
                    {
                        "fromId": "8e599942-6f53-bafd-61bb-c4967e6d570d",
                        "fromProperty": "tab id",
                        "toId": "804e4842-e6fa-f7ee-99b2-433ef44370e3",
                        "toProperty": "tabId"
                    },
                    {
                        "fromId": "ba2d6d8e-1d4c-a5bd-3f99-0fcb304d635b",
                        "fromProperty": "tab id",
                        "toId": "32bd8ead-c990-5aff-7b4d-f1ad88865ae6",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "32bd8ead-c990-5aff-7b4d-f1ad88865ae6",
                        "fromProperty": "savedValue",
                        "toId": "50db3665-5c0c-2265-003f-7c7bad99f558",
                        "toProperty": "myId"
                    },
                    {
                        "fromId": "32bd8ead-c990-5aff-7b4d-f1ad88865ae6",
                        "fromProperty": "savedValue",
                        "toId": "804e4842-e6fa-f7ee-99b2-433ef44370e3",
                        "toProperty": "myId"
                    }
                ],
                "roots": [
                    {
                        "id": "e881f8ac-4e30-b13b-e4b3-c9d7646d3d3d",
                        "type": "Group",
                        "x": 384,
                        "y": 367,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "a7622c18-60a3-15a4-474c-f2db80112166",
                                "type": "Group",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "sizeMode": "contentWidth",
                                    "alignX": "center",
                                    "marginTop": {
                                        "value": 13,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "b9f075fe-2000-8511-b001-2bb27a7391ad",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "width": {
                                                "value": 22,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 22,
                                                "unit": "px"
                                            },
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "5f7e3a63-03bc-557a-f546-c521662cd69a",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "src": "icons/tabs/search.svg",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "position": "absolute"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "edc9c3ff-f71e-75f0-fc78-fda62c7347f9",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 174,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 6,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8d875fae-a42e-9fae-772d-3658c33395d5",
                        "type": "Color Blend",
                        "x": 202,
                        "y": 662,
                        "parameters": {
                            "color 0": "#000000",
                            "color 1": "#306FC1"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ba2d6d8e-1d4c-a5bd-3f99-0fcb304d635b",
                        "type": "Component Inputs",
                        "x": -272,
                        "y": 599,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "tab id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "681c273d-bab8-33b1-69be-38e8a01794c0",
                        "type": "States",
                        "x": 109,
                        "y": 265,
                        "parameters": {
                            "states": "Default,Selected",
                            "startState": "Default"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Selected Transition",
                                "name": "transition-Selected",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Selected Transition",
                                "name": "duration-Selected",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Selected",
                                "name": "to-Selected",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Selected",
                                "name": "at-Selected",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Selected",
                                "name": "reached-Selected",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "51e3d16c-c789-93c5-eb05-e6b0815ff95e",
                        "type": "String Selector",
                        "x": 160.50793325390373,
                        "y": 527.2793735398503,
                        "parameters": {
                            "input 0": ".svg",
                            "input 1": "-selected.svg"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "719a93ae-c98f-9e54-1bbd-d6e2f5e99562",
                        "type": "String Format",
                        "x": 151,
                        "y": 416,
                        "parameters": {
                            "format": "icons/tabs/{icon}{suffix}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "icon",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "suffix",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d83ca102-f1ae-c25d-a0e6-1f3cb88a4d90",
                        "type": "Event Sender",
                        "x": 669,
                        "y": 480,
                        "parameters": {
                            "channelName": "Select Tab"
                        },
                        "ports": [
                            {
                                "name": "tab id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8e599942-6f53-bafd-61bb-c4967e6d570d",
                        "type": "Event Receiver",
                        "x": -318,
                        "y": 199,
                        "parameters": {
                            "channelName": "Select Tab"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "50db3665-5c0c-2265-003f-7c7bad99f558",
                        "type": "Expression",
                        "x": -158,
                        "y": 307,
                        "parameters": {
                            "expression": "gotEvent && tabId !== myId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "gotEvent",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "tabId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "myId",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "804e4842-e6fa-f7ee-99b2-433ef44370e3",
                        "type": "Expression",
                        "x": -89,
                        "y": 159,
                        "parameters": {
                            "expression": "gotEvent && tabId === myId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "gotEvent",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "tabId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "myId",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "32bd8ead-c990-5aff-7b4d-f1ad88865ae6",
                        "type": "String",
                        "x": -199,
                        "y": 484,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Modal",
            "graph": {
                "connections": [],
                "roots": []
            }
        },
        {
            "name": "/Search/Product Variant",
            "graph": {
                "connections": [
                    {
                        "fromId": "e1938190-87f9-f283-66d0-63fec0ae8cb7",
                        "fromProperty": "itemId",
                        "toId": "ba65a23a-a185-2bda-ebe6-f036fddff8f1",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ba65a23a-a185-2bda-ebe6-f036fddff8f1",
                        "fromProperty": "name",
                        "toId": "bffcdb04-73de-562f-5aa6-673053437d35",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ba65a23a-a185-2bda-ebe6-f036fddff8f1",
                        "fromProperty": "text",
                        "toId": "4ce283b0-a471-cfe5-8f8b-1ac2824e1d94",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ba65a23a-a185-2bda-ebe6-f036fddff8f1",
                        "fromProperty": "selected",
                        "toId": "c16582b5-54b1-bd42-a480-0033b44db80c",
                        "toProperty": "to-selected"
                    },
                    {
                        "fromId": "7eca7ffb-d477-6269-cf3d-dcc958c9949a",
                        "fromProperty": "result",
                        "toId": "8371d618-569c-d14c-e551-633d511b6333",
                        "toProperty": "borderColor"
                    },
                    {
                        "fromId": "c16582b5-54b1-bd42-a480-0033b44db80c",
                        "fromProperty": "at-selected",
                        "toId": "7eca7ffb-d477-6269-cf3d-dcc958c9949a",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "8371d618-569c-d14c-e551-633d511b6333",
                        "fromProperty": "onClick",
                        "toId": "5c70008d-05a9-7bce-bdc2-7cf6646801b2",
                        "toProperty": "trigger"
                    },
                    {
                        "fromId": "ba65a23a-a185-2bda-ebe6-f036fddff8f1",
                        "fromProperty": "selected",
                        "toId": "7acbf255-a690-d502-9826-c1a99d43a37f",
                        "toProperty": "selected"
                    },
                    {
                        "fromId": "7acbf255-a690-d502-9826-c1a99d43a37f",
                        "fromProperty": "result",
                        "toId": "c16582b5-54b1-bd42-a480-0033b44db80c",
                        "toProperty": "to-available"
                    }
                ],
                "roots": [
                    {
                        "id": "2dca348f-8e97-f7db-d0e2-6cb596bc84f6",
                        "type": "Group",
                        "x": 287,
                        "y": 353,
                        "parameters": {
                            "marginLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 10,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "8371d618-569c-d14c-e551-633d511b6333",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "width": {
                                        "value": 83,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 47,
                                        "unit": "px"
                                    },
                                    "borderStyle": "solid",
                                    "borderWidth": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "borderRadius": 8,
                                    "borderColor": "#000000"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d9e1d98b-d011-9816-39cf-eaaf2e825ee3",
                                        "type": "Group",
                                        "x": 1169.7726373160826,
                                        "y": 2256.730101833995,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "position": "absolute"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "bffcdb04-73de-562f-5aa6-673053437d35",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                    "text": "21",
                                                    "alignX": "center",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "4ce283b0-a471-cfe5-8f8b-1ac2824e1d94",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 128,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Bogle-Light.otf",
                                                    "text": "$0.57 each",
                                                    "alignX": "center",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "5c70008d-05a9-7bce-bdc2-7cf6646801b2",
                        "type": "Trigger Item Action",
                        "x": 538.4665508698142,
                        "y": 367.5964925205623,
                        "parameters": {
                            "actionName": "variantSelected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e1938190-87f9-f283-66d0-63fec0ae8cb7",
                        "type": "For Each Actions",
                        "x": -181.69424664567822,
                        "y": 204.98816200284122,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ba65a23a-a185-2bda-ebe6-f036fddff8f1",
                        "type": "Model",
                        "x": -180.39496413084612,
                        "y": 346.0710482973225,
                        "parameters": {
                            "properties": "name,text,selected"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "name",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "text",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "selected",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "447d62bf-513b-9e96-4086-24b0b9b6de97",
                        "type": "Group",
                        "x": -106.81747492054217,
                        "y": 1132.2337636207385,
                        "parameters": {
                            "width": {
                                "value": 83,
                                "unit": "px"
                            },
                            "height": {
                                "value": 47,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "borderRadius": 8,
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 2,
                                "unit": "px"
                            },
                            "borderColor": "#C6C6C6"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c4e48177-51d5-4504-525f-25b3e49ebcb9",
                                "type": "Group",
                                "x": 1169.7726373160826,
                                "y": 2440.730101833995,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center",
                                    "alignY": "center",
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d34ff555-4d3e-a387-7fff-d0f9191a771c",
                                        "type": "Text",
                                        "x": 1189.7726373160826,
                                        "y": 2486.730101833995,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                            "text": "48",
                                            "alignX": "center",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "b0c930fb-8360-e2a2-c210-1ca1b314903b",
                                        "type": "Text",
                                        "x": 1189.7726373160826,
                                        "y": 2532.730101833995,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "fontFamily": "fonts/Bogle-Light.otf",
                                            "text": "$0.45 each",
                                            "alignX": "center",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "c16582b5-54b1-bd42-a480-0033b44db80c",
                        "type": "States",
                        "x": -174.0195329404408,
                        "y": 628.0192222072982,
                        "parameters": {
                            "states": "selected,available",
                            "startState": "available"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "selected Transition",
                                "name": "transition-selected",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "selected Transition",
                                "name": "duration-selected",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To selected",
                                "name": "to-selected",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At selected",
                                "name": "at-selected",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached selected",
                                "name": "reached-selected",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "available Transition",
                                "name": "transition-available",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "available Transition",
                                "name": "duration-available",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To available",
                                "name": "to-available",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At available",
                                "name": "at-available",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached available",
                                "name": "reached-available",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "selected",
                                        "available"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "selected",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7eca7ffb-d477-6269-cf3d-dcc958c9949a",
                        "type": "Color Blend",
                        "x": 27.091238001115414,
                        "y": 500.98943943312884,
                        "parameters": {
                            "color 1": "#000000",
                            "color 0": "#C6C6C6"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7acbf255-a690-d502-9826-c1a99d43a37f",
                        "type": "Expression",
                        "x": -174.51493605858002,
                        "y": 500.7698758333184,
                        "parameters": {
                            "expression": "!selected"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "selected",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Buy Now/Buy Now Confirmed Popup",
            "graph": {
                "connections": [
                    {
                        "fromId": "de39fe4d-4959-7358-7eef-a899f284d9f3",
                        "fromProperty": "model_id",
                        "toId": "39d6ac3b-3fca-3efa-18ff-71d18348b29a",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "39d6ac3b-3fca-3efa-18ff-71d18348b29a",
                        "fromProperty": "img",
                        "toId": "b5c3172f-5c9b-c85b-09d8-d536b376db5b",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "39d6ac3b-3fca-3efa-18ff-71d18348b29a",
                        "fromProperty": "title",
                        "toId": "b35df1e8-1e5d-1e11-439d-cbd750c16d46",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "06782fad-f80f-c528-9cae-12b7c6ae2f56",
                        "fromProperty": "DeliveryAddress",
                        "toId": "b3bd1de0-e42b-be07-15e6-9b201d043ac4",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "06782fad-f80f-c528-9cae-12b7c6ae2f56",
                        "fromProperty": "UserFullname",
                        "toId": "d38de6f1-8f7d-2690-68fe-b089ff818dcb",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "aca26d9d-623e-1503-6891-a92d5b117874",
                        "fromProperty": "Show",
                        "toId": "1a781f6f-3cb1-69ed-e7d1-8451a2246c42",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "1a781f6f-3cb1-69ed-e7d1-8451a2246c42",
                        "fromProperty": "Hiding",
                        "toId": "f430dc98-b731-5706-ce56-d22feacd87fb",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "1a781f6f-3cb1-69ed-e7d1-8451a2246c42",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "f430dc98-b731-5706-ce56-d22feacd87fb",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "aca26d9d-623e-1503-6891-a92d5b117874",
                        "fromProperty": "Hide",
                        "toId": "1a781f6f-3cb1-69ed-e7d1-8451a2246c42",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "de39fe4d-4959-7358-7eef-a899f284d9f3",
                        "fromProperty": "Order Id",
                        "toId": "95ae679b-e82a-6f21-a9a4-45a92dd033bd",
                        "toProperty": "Order Id"
                    },
                    {
                        "fromId": "de39fe4d-4959-7358-7eef-a899f284d9f3",
                        "fromProperty": "Order Id",
                        "toId": "11e9584f-81d0-448e-99d2-b8803d1ca1de",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "11e9584f-81d0-448e-99d2-b8803d1ca1de",
                        "fromProperty": "deliveryDate",
                        "toId": "6856c347-5f2b-9da3-8849-0abaeadfb2d7",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "11e9584f-81d0-448e-99d2-b8803d1ca1de",
                        "fromProperty": "deliverySlot",
                        "toId": "6856c347-5f2b-9da3-8849-0abaeadfb2d7",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "6856c347-5f2b-9da3-8849-0abaeadfb2d7",
                        "fromProperty": "Day And Time",
                        "toId": "869f7f0b-fb32-12d9-759d-482173dd3052",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "de39fe4d-4959-7358-7eef-a899f284d9f3",
                        "type": "Component Inputs",
                        "x": -134.86748761926475,
                        "y": 517.6431616380837,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "model_id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Order Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "39d6ac3b-3fca-3efa-18ff-71d18348b29a",
                        "type": "Model",
                        "x": 140.61716375055,
                        "y": 550.2625162853371,
                        "parameters": {
                            "properties": "title,img,description,price,numReviews,customerRating,inHorizontalList,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "description",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingTime",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "inHorizontalList",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 15
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "06782fad-f80f-c528-9cae-12b7c6ae2f56",
                        "type": "Globals",
                        "x": 1064.8816866875309,
                        "y": 1428.833269416982,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "CartDeliveryPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aca26d9d-623e-1503-6891-a92d5b117874",
                        "type": "Component Inputs",
                        "x": -30.48749235919979,
                        "y": 301.02696447418566,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f430dc98-b731-5706-ce56-d22feacd87fb",
                        "type": "Component Outputs",
                        "x": 818.5903485433827,
                        "y": 314.1133768974714,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1a781f6f-3cb1-69ed-e7d1-8451a2246c42",
                        "type": "/UI Components/Native-ish Card",
                        "x": 513.0404745149322,
                        "y": 209.36671512186228,
                        "parameters": {
                            "Layout Mode": "Content Height",
                            "Show": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "2e95c30f-3449-5fa7-0ce7-19834f8f6aa3",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "marginBottom": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "mounted": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "862f1685-aebd-96ef-e09b-d1123b46bc78",
                                        "type": "Group",
                                        "x": 490,
                                        "y": 391,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 14,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2402ed1e-a9ba-493e-4394-6517ce3a55fa",
                                                "type": "Text",
                                                "x": 510,
                                                "y": 437,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 22,
                                                        "unit": "px"
                                                    },
                                                    "text": "You're all set!",
                                                    "sizeMode": "contentSize",
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "46864788-f38e-4293-52c5-b93ee05a71c4",
                                        "type": "Group",
                                        "label": "CARD DIVDER",
                                        "x": 490,
                                        "y": 483,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F2F2F2",
                                            "width": {
                                                "value": 100,
                                                "unit": "%"
                                            },
                                            "position": "relative",
                                            "alignX": "center",
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 14,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ff58f556-3e1f-5036-5b47-33e29e61393a",
                                        "type": "Group",
                                        "x": 490,
                                        "y": 544,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 8,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b5c3172f-5c9b-c85b-09d8-d536b376db5b",
                                                "type": "Image",
                                                "x": 510,
                                                "y": 590,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "width": {
                                                        "value": 60,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 60,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "194fa86e-1ff6-cefc-c484-913bccf06ae5",
                                                "type": "Group",
                                                "x": 510,
                                                "y": 672,
                                                "parameters": {
                                                    "alignY": "center",
                                                    "marginLeft": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "b35df1e8-1e5d-1e11-439d-cbd750c16d46",
                                                        "type": "Text",
                                                        "x": 530,
                                                        "y": 718,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "explicit",
                                                            "alignX": "left",
                                                            "width": {
                                                                "value": 100,
                                                                "unit": "%"
                                                            },
                                                            "textAlign": "left",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "79afde00-380c-dfbb-31fe-ee5c18d75cfe",
                                        "type": "Group",
                                        "label": "CARD DIVDER",
                                        "x": 20,
                                        "y": 455,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F2F2F2",
                                            "width": {
                                                "value": 100,
                                                "unit": "%"
                                            },
                                            "position": "relative",
                                            "alignX": "center",
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 14,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "aa0436b3-b7b0-89f8-126a-4d6e58deefab",
                                        "type": "Group",
                                        "label": "Arrival",
                                        "x": 490,
                                        "y": 861,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 8,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "visible": true,
                                            "mounted": true,
                                            "flexDirection": "column"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "8a04c002-dbd0-0884-177b-ee994249e0a0",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "0c245eb6-a5ed-eeec-0272-afb95fe034ff",
                                                        "type": "Text",
                                                        "x": 530,
                                                        "y": 968,
                                                        "parameters": {
                                                            "text": "Arriving",
                                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                                            "color": "#000000",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "7e94ad8a-d93c-3392-961d-23921d6196dd",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 92,
                                                        "parameters": {
                                                            "marginLeft": {
                                                                "value": 31,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentSize",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "869f7f0b-fb32-12d9-759d-482173dd3052",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "text": "Today within 1 hour",
                                                                    "alignY": "center",
                                                                    "sizeMode": "contentSize"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "3aaca5ca-eec2-3ee9-13ca-b28d493e88f1",
                                                "type": "Group",
                                                "label": "CARD DIVDER",
                                                "x": 510,
                                                "y": 1142,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "height": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#F2F2F2",
                                                    "width": {
                                                        "value": 100,
                                                        "unit": "%"
                                                    },
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "497a0199-9322-30ff-a202-48e9bb9ca993",
                                        "type": "Group",
                                        "label": "ADRESS",
                                        "x": 490,
                                        "y": 1203,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 8,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "visible": true,
                                            "mounted": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "80459af3-6612-3ff6-f5f4-9d425d62b6b8",
                                                "type": "Group",
                                                "x": 510,
                                                "y": 1264,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "ce419aec-dc1b-1182-a389-ec88b799cd88",
                                                        "type": "Text",
                                                        "x": 530,
                                                        "y": 1310,
                                                        "parameters": {
                                                            "text": "Deliver to",
                                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                                            "color": "#000000",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "aeec3f78-d0c4-e68c-dc3d-8b8fe874210b",
                                                        "type": "Group",
                                                        "x": 530,
                                                        "y": 1356,
                                                        "parameters": {
                                                            "marginLeft": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "d38de6f1-8f7d-2690-68fe-b089ff818dcb",
                                                                "type": "Text",
                                                                "x": 550,
                                                                "y": 1402,
                                                                "parameters": {
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "fontFamily": "fonts/Bogle-Regular.otf"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "b3bd1de0-e42b-be07-15e6-9b201d043ac4",
                                                                "type": "Text",
                                                                "x": 550,
                                                                "y": 1484,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "8a93cde3-71fc-6f36-7d9e-8f86447cede7",
                                                "type": "Group",
                                                "label": "CARD DIVDER",
                                                "x": 510,
                                                "y": 1566,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "height": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#F2F2F2",
                                                    "width": {
                                                        "value": 100,
                                                        "unit": "%"
                                                    },
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "e189ba7d-1544-c660-68b9-eb516461ef1b",
                                        "type": "Group",
                                        "label": "Pay With",
                                        "x": 490,
                                        "y": 1627,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginLeft": {
                                                "value": 8,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "visible": true,
                                            "mounted": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "fc789d71-6f56-6dac-141b-5a91d3970b89",
                                                "type": "Group",
                                                "x": 510,
                                                "y": 1688,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "7368400c-e8df-aff1-d1ca-f31673c5f60c",
                                                        "type": "Text",
                                                        "x": 530,
                                                        "y": 1734,
                                                        "parameters": {
                                                            "text": "Pay with",
                                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                                            "color": "#000000",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "9b604927-93a7-99b5-6567-adca6b8b3aa9",
                                                        "type": "Group",
                                                        "x": 530,
                                                        "y": 1780,
                                                        "parameters": {
                                                            "marginLeft": {
                                                                "value": 29,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "33f06811-292b-4c1b-4edd-edfb9d98ac7e",
                                                                "type": "Text",
                                                                "x": 550,
                                                                "y": 1826,
                                                                "parameters": {
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "text": "Visa ending in 2012"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "e09f468d-0b16-f30f-f835-05e8ea917fc6",
                                                "type": "Group",
                                                "label": "CARD DIVDER",
                                                "x": 510,
                                                "y": 1872,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "height": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#F2F2F2",
                                                    "width": {
                                                        "value": 100,
                                                        "unit": "%"
                                                    },
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "bac90e73-eb4e-510b-12bd-4a277e54b97a",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 1552,
                                        "parameters": {
                                            "paddingLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "95ae679b-e82a-6f21-a9a4-45a92dd033bd",
                                                "type": "/UI Components/Order Totals Table",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "88bbfa80-0249-b968-624f-5fc5fa606fba",
                                        "type": "Text",
                                        "x": 490,
                                        "y": 2858,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "text": "Ordered by accident?",
                                            "alignX": "center",
                                            "sizeMode": "contentSize",
                                            "style": "{\n    textDecoration:'underline'\n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "11e9584f-81d0-448e-99d2-b8803d1ca1de",
                        "type": "Model",
                        "x": -83.29464864992838,
                        "y": 998.4763925026051,
                        "parameters": {
                            "properties": "deliveryDate,deliverySlot"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6856c347-5f2b-9da3-8849-0abaeadfb2d7",
                        "type": "/Components/Get Time Label",
                        "x": 268.7053513500716,
                        "y": 841.4763925026051,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Search Page - Base",
            "graph": {
                "connections": [
                    {
                        "fromId": "6d702092-b20f-2833-cbff-dbf2bcc4d7af",
                        "fromProperty": "Search String",
                        "toId": "bfb9b9e2-50a3-6b25-a7cd-a3a523096cf1",
                        "toProperty": "Search String"
                    },
                    {
                        "fromId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "fromProperty": "at-Typing",
                        "toId": "0221fb0c-8143-a470-7380-26e19b10f92f",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "fromProperty": "at-Show Results",
                        "toId": "bfb9b9e2-50a3-6b25-a7cd-a3a523096cf1",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "fromProperty": "at-Show Results",
                        "toId": "5e12209e-00d3-5cf1-6dd5-f170589affc7",
                        "toProperty": "hideKeyboard"
                    },
                    {
                        "fromId": "6d702092-b20f-2833-cbff-dbf2bcc4d7af",
                        "fromProperty": "Search String",
                        "toId": "0221fb0c-8143-a470-7380-26e19b10f92f",
                        "toProperty": "Search String"
                    },
                    {
                        "fromId": "6d702092-b20f-2833-cbff-dbf2bcc4d7af",
                        "fromProperty": "Search String",
                        "toId": "fab9c704-43b5-33c9-4d11-583954d5efaf",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "fromProperty": "at-Show Results",
                        "toId": "bfb9b9e2-50a3-6b25-a7cd-a3a523096cf1",
                        "toProperty": "Do Search"
                    },
                    {
                        "fromId": "fab9c704-43b5-33c9-4d11-583954d5efaf",
                        "fromProperty": "valueChanged",
                        "toId": "0221fb0c-8143-a470-7380-26e19b10f92f",
                        "toProperty": "Refresh Search"
                    },
                    {
                        "fromId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "fromProperty": "at-Default",
                        "toId": "51cf9e18-d2fa-3597-923e-0a1b440484d7",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "6d702092-b20f-2833-cbff-dbf2bcc4d7af",
                        "fromProperty": "Search String",
                        "toId": "b4fead98-6254-95ad-68f6-4ed0a3c42094",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "25b4a9b7-f12c-5420-542e-e54caf485c1e",
                        "fromProperty": "result",
                        "toId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "28a9e1f5-5579-0bbc-b014-3c0fea7cd1a5",
                        "fromProperty": "result",
                        "toId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "toProperty": "to-Typing"
                    },
                    {
                        "fromId": "b4fead98-6254-95ad-68f6-4ed0a3c42094",
                        "fromProperty": "length",
                        "toId": "25b4a9b7-f12c-5420-542e-e54caf485c1e",
                        "toProperty": "length"
                    },
                    {
                        "fromId": "b4fead98-6254-95ad-68f6-4ed0a3c42094",
                        "fromProperty": "length",
                        "toId": "28a9e1f5-5579-0bbc-b014-3c0fea7cd1a5",
                        "toProperty": "length"
                    },
                    {
                        "fromId": "fab9c704-43b5-33c9-4d11-583954d5efaf",
                        "fromProperty": "valueChanged",
                        "toId": "28a9e1f5-5579-0bbc-b014-3c0fea7cd1a5",
                        "toProperty": "change"
                    },
                    {
                        "fromId": "fab9c704-43b5-33c9-4d11-583954d5efaf",
                        "fromProperty": "valueChanged",
                        "toId": "25b4a9b7-f12c-5420-542e-e54caf485c1e",
                        "toProperty": "change"
                    },
                    {
                        "fromId": "0221fb0c-8143-a470-7380-26e19b10f92f",
                        "fromProperty": "Do Category Search",
                        "toId": "bfb9b9e2-50a3-6b25-a7cd-a3a523096cf1",
                        "toProperty": "Do Category Search"
                    },
                    {
                        "fromId": "0221fb0c-8143-a470-7380-26e19b10f92f",
                        "fromProperty": "Category Model Id",
                        "toId": "bfb9b9e2-50a3-6b25-a7cd-a3a523096cf1",
                        "toProperty": "Category Model Id"
                    },
                    {
                        "fromId": "0221fb0c-8143-a470-7380-26e19b10f92f",
                        "fromProperty": "Do Category Search",
                        "toId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "toProperty": "to-Show Results"
                    },
                    {
                        "fromId": "0221fb0c-8143-a470-7380-26e19b10f92f",
                        "fromProperty": "No Items Found",
                        "toId": "c48288ff-e11e-4c9a-56e1-160975c65c77",
                        "toProperty": "noResilts"
                    },
                    {
                        "fromId": "5211b242-98b4-a3e6-5e61-35f689b51696",
                        "fromProperty": "eventReceived",
                        "toId": "c48288ff-e11e-4c9a-56e1-160975c65c77",
                        "toProperty": "showResults"
                    },
                    {
                        "fromId": "c48288ff-e11e-4c9a-56e1-160975c65c77",
                        "fromProperty": "result",
                        "toId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "toProperty": "to-Show Results"
                    },
                    {
                        "fromId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "fromProperty": "at-Typing",
                        "toId": "ecebdfab-08bf-e086-2686-7b09fa8e915a",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "fromProperty": "at-Default",
                        "toId": "ecebdfab-08bf-e086-2686-7b09fa8e915a",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "51cf9e18-d2fa-3597-923e-0a1b440484d7",
                        "fromProperty": "onScrollPositionChanged",
                        "toId": "d8253a8b-588b-6804-b3e3-428aecf2569f",
                        "toProperty": "Scroll Position"
                    }
                ],
                "roots": [
                    {
                        "id": "c52da217-2cb6-acf6-0508-7b525ed38650",
                        "type": "/UI Components/Page",
                        "x": 331,
                        "y": 269,
                        "parameters": {
                            "Start Visible": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "f566b46d-8d0e-ddad-793a-163d54068305",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "clip": false,
                                    "style": "{\n}"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "51cf9e18-d2fa-3597-923e-0a1b440484d7",
                                        "type": "Group",
                                        "label": "Default",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "position": "absolute",
                                            "scrollBehavior": "noodl",
                                            "clip": true,
                                            "showScrollbar": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "673d0a8a-caee-8531-3521-1fa875a9f809",
                                                "type": "Text",
                                                "x": 396.27362353221105,
                                                "y": 432.642836621524,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "text": "Top picks",
                                                    "marginLeft": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "47b82fa1-0773-da5e-9e05-34d31c0742fb",
                                                "type": "Group",
                                                "x": 396.27362353221105,
                                                "y": 478.642836621524,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "scrollBehavior": "noodl",
                                                    "scrollDirection": "x",
                                                    "flexDirection": "row",
                                                    "showScrollbar": false,
                                                    "paddingLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "a5442eeb-2ca7-fd15-4efd-acbb879f7476",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 102,
                                                        "parameters": {
                                                            "src": "searchCategories.png",
                                                            "sizeMode": "contentWidth",
                                                            "height": {
                                                                "value": 75,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "bc5e5321-20e7-27e2-7d38-505fc6a0b7f2",
                                                "type": "Group",
                                                "x": 396.27362353221105,
                                                "y": 570.642836621524,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "paddingLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 66,
                                                        "unit": "px"
                                                    },
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "df6dc49d-03bf-f75e-0a34-950455e5ca7c",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "text": "Browse Departments",
                                                            "marginLeft": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "d36ff402-e407-e786-fc75-c0904c16e084",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 92,
                                                        "parameters": {
                                                            "sizeMode": "contentHeight",
                                                            "srcSet": "images/search-departments.png, images/search-departments@2x.png 2x, images/search-departments@3x.png 3x"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "0221fb0c-8143-a470-7380-26e19b10f92f",
                                        "type": "/Search/Search Page - Typeahead",
                                        "x": 20,
                                        "y": 439,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "bfb9b9e2-50a3-6b25-a7cd-a3a523096cf1",
                                        "type": "/Search/Search Page - Results",
                                        "x": 20,
                                        "y": 621,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "6d702092-b20f-2833-cbff-dbf2bcc4d7af",
                        "type": "Component Inputs",
                        "x": -614.5161598064238,
                        "y": 434.9677785471102,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Search String",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b0fd8cb6-4c9e-aa6f-4f2d-070ea4426106",
                        "type": "States",
                        "x": 52.56807395696458,
                        "y": 453.0019893897461,
                        "parameters": {
                            "states": "Typing,Show Results,Default",
                            "duration-Show Results": 0,
                            "duration-Typing": 0,
                            "startState": "Default"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Typing Transition",
                                "name": "transition-Typing",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Typing Transition",
                                "name": "duration-Typing",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Typing",
                                "name": "to-Typing",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Typing",
                                "name": "at-Typing",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Typing",
                                "name": "reached-Typing",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Show Results Transition",
                                "name": "transition-Show Results",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Show Results Transition",
                                "name": "duration-Show Results",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Show Results",
                                "name": "to-Show Results",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Show Results",
                                "name": "at-Show Results",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Show Results",
                                "name": "reached-Show Results",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Typing",
                                        "Show Results",
                                        "Default"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Typing",
                                "index": 21
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5e12209e-00d3-5cf1-6dd5-f170589affc7",
                        "type": "Javascript2",
                        "x": 81.71667686539945,
                        "y": 736.497887663336,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    hideKeyboard:'signal',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\thideKeyboard:function(inputs,outputs) {\n\t\tdocument.activeElement.blur();\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "hideKeyboard",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fab9c704-43b5-33c9-4d11-583954d5efaf",
                        "type": "Value Changed",
                        "x": -405.60397309591076,
                        "y": 545.0176053422585,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5211b242-98b4-a3e6-5e61-35f689b51696",
                        "type": "Event Receiver",
                        "x": -306.0521005217337,
                        "y": 919.6498569564673,
                        "parameters": {
                            "channelName": "Show Search Results"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b4fead98-6254-95ad-68f6-4ed0a3c42094",
                        "type": "String",
                        "x": -404.36742073641955,
                        "y": 319.8410024718845,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "25b4a9b7-f12c-5420-542e-e54caf485c1e",
                        "type": "Expression",
                        "x": -204.2792743444063,
                        "y": 294.75649091320133,
                        "parameters": {
                            "expression": "length <= 1 && change"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "length",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "change",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "28a9e1f5-5579-0bbc-b014-3c0fea7cd1a5",
                        "type": "Expression",
                        "x": -219.72311667700183,
                        "y": 416.18334351228043,
                        "parameters": {
                            "expression": "length >= 2 && change"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "length",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "change",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "421b73dd-7721-ecba-d44c-0b2cef0e95e3",
                        "type": "Javascript2",
                        "label": "Search Functions",
                        "x": -509.819575206275,
                        "y": 779.6427637390359,
                        "parameters": {
                            "code": "function capitalize(str) {\n    return str.replace(/\\w\\S*/g, (w) => (w.replace(/^\\w/, (c) => c.toUpperCase())));\n}\n\nwindow.wallyGetCategories = function(products) {\n    const maxNumResults = 4;\n    \n    const rootCategories = {subcategories:{}};\n    products.forEach(product => {\n        if(!product.category) return;\n        \n        let node = rootCategories;\n        product.category.path.forEach(path => {\n            const subNode = node.subcategories[path.name] || {count:0,subcategories:{}};\n            subNode.parent = node;\n            node.subcategories[path.name] = subNode;\n            subNode.count++;\n            node = subNode;\n        });\n    })\n    \n    let max = 0;\n    let typeaheadCategory = {count:0,subcategories:{}};\n    \n    for(let category in rootCategories.subcategories) {\n        if(rootCategories.subcategories[category].count > typeaheadCategory.count) {\n            typeaheadCategory = rootCategories.subcategories[category];\n        }\n    }\n    \n    while(Object.keys(typeaheadCategory.subcategories).length <= 1 && typeaheadCategory.parent) {\n        typeaheadCategory = typeaheadCategory.parent;\n    }\n    \n    let typeaheadData = Object.keys(typeaheadCategory.subcategories).map(name => {\n        return {\n            id: name,\n            category: name,\n            count: typeaheadCategory.subcategories[name].count\n        }\n    });\n    \n    typeaheadData.sort((c1,c2) => c1.count-c2.count);\n    typeaheadData.length = Math.min(maxNumResults, typeaheadData.length);\n    \n    return typeaheadData;\n};\n\nwindow.matchPartialScriptedQuery = function(needle) {\n    const queries = Object.keys(wallyQueries);\n    const matches = queries.filter(q => q.startsWith(needle));\n    \n    return wallyQueries[matches[0]];\n}\n\n\n//crazy hax for global quantity attribute problem\nfunction findProduct(id) {\n    const product = wallyProducts.find(p => p.itemId === id);\n    if(Noodl.Model.exists(id)) {\n        product.quant = Noodl.Model.get(id).get(\"quant\") || 0;\n    }\n    return product;\n}\n\nwindow.wallyExecuteSearchQuery = function(rawSearchString) {\n    const result = {\n        products: [],\n        reformulation: [],\n        horizontalViews: [],\n        typeaheadViews: [],\n        typeaheadSuggestions: []\n    };\n    \n    if(!rawSearchString || rawSearchString.length === 0) {\n        return result;\n    }\n    \n    const searchString = rawSearchString.toLowerCase();\n    \n    let scriptedResults = wallyQueries[searchString];\n    if(!scriptedResults) {\n        scriptedResults = matchPartialScriptedQuery(searchString);\n    }\n    \n    if(scriptedResults) {\n        result.products = scriptedResults.results\n            .map(id => findProduct(id))\n            .filter(p => p !== undefined);\n            \n        if(scriptedResults.typeahead.length > 0) {\n            result.typeaheadViews.push({\n                items: scriptedResults.typeahead\n                        .map(id => findProduct(id))\n                        .filter(p => p !== undefined),\n                label: \"Top Results\"\n            });\n        }\n        else {\n            result.typeaheadViews = scriptedResults.horizontalViews.map(view => {\n                return {\n                    items: view.itemIds\n                            .map(id => findProduct(id))\n                            .filter(p => p !== undefined).slice(0,3), //only 3 items on typeahead screen per list\n                    label: capitalize(searchString) + \" in \" + view.label,\n                    category: view.label\n                }\n            }).slice(0,3); //max 3 views on typeahead screen\n        }\n\n        result.reformulation = scriptedResults.reformulation.map(name => {\n            return {\n                id: name,\n                category: name\n            }\n        });\n        \n        if(result.reformulation.length > 0) {\n            result.typeaheadSuggestions = result.reformulation.slice(0,4);\n        }\n        else {\n            let allProductIds = [];\n            scriptedResults.horizontalViews.forEach(view => {\n                \n                allProductIds = allProductIds.concat(view.itemIds);\n            })\n\n            const allProducts = allProductIds.map(id=>findProduct(id));\n            result.typeaheadSuggestions = wallyGetCategories(allProducts);\n        }\n\n        result.horizontalViews = scriptedResults.horizontalViews.map(view => {\n            return {\n                items: view.itemIds\n                        .map(id => findProduct(id))\n                        .filter(p => p !== undefined),\n                label: capitalize(searchString) + \" in \" + view.label,\n                category: view.label\n            }\n        })\n\n    }\n    else {\n        //search all products\n        result.products = wallyProducts.filter(product => product.title.toLowerCase().includes(searchString));\n        result.reformulation = wallyGetCategories(result.products);\n        result.typeaheadSuggestions = result.reformulation;\n        result.generatedReformulation = true;\n        \n        //create fake walmarts recommended and best choice lists\n        const productsWalmart = [];\n\t    const productsRecommended = [];\n\t    \n        for (let i=0; i < Math.min(result.products.length, 5); i++) {\n          productsWalmart.push(result.products[i]);\n        }\n         \n        for (let i=5; i < Math.min(result.products.length, 10); i++) {\n          productsRecommended.push(result.products[i]);\n        }\n        \n        if(productsWalmart.length) {\n            result.typeaheadViews .push({\n                items: productsWalmart,\n                label: \"Walmart's choice\"\n            });\n        }\n        \n        if(productsRecommended.length) {\n            result.typeaheadViews .push({\n                items: productsRecommended,\n                label: \"Best Deals\"\n            });\n        }\n    }\n    \n    return result;\n}\n\n\ndefine({})"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c48288ff-e11e-4c9a-56e1-160975c65c77",
                        "type": "Expression",
                        "x": -51.588532032691944,
                        "y": 910.4876213413999,
                        "parameters": {
                            "expression": "showResults && !noResilts"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "showResults",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "noResilts",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ecebdfab-08bf-e086-2686-7b09fa8e915a",
                        "type": "Event Sender",
                        "x": 48.18636707637933,
                        "y": 318.23405355293806,
                        "parameters": {
                            "channelName": "Clear Filters"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d8253a8b-588b-6804-b3e3-428aecf2569f",
                        "type": "Component Outputs",
                        "x": 649.0189901207959,
                        "y": 377.9171926981255,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Scroll Position",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Data/Load All Products",
            "graph": {
                "connections": [
                    {
                        "fromId": "910d6996-3a24-91c4-c72e-72d59717384b",
                        "fromProperty": "Query Objects",
                        "toId": "edaf9416-af13-b70b-9b83-8f844c1603aa",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "910d6996-3a24-91c4-c72e-72d59717384b",
                        "fromProperty": "Query Objects",
                        "toId": "7623b9e5-d044-f798-5d8a-b098f44b426d",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "910d6996-3a24-91c4-c72e-72d59717384b",
                        "fromProperty": "Query Objects",
                        "toId": "b23a98d3-a9d8-70d3-a6f2-09d6f285b208",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "f59fbfc1-545a-1c23-d7b5-280bcb1dc9b9",
                        "fromProperty": "Query Objects",
                        "toId": "87ba21d6-a7c3-d404-6cd0-d31ae365e04b",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "f59fbfc1-545a-1c23-d7b5-280bcb1dc9b9",
                        "fromProperty": "Query Objects",
                        "toId": "76010afc-b3d9-1384-b8b2-fe20b363cae0",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "f59fbfc1-545a-1c23-d7b5-280bcb1dc9b9",
                        "fromProperty": "Query Objects",
                        "toId": "160406d9-d56b-4373-a1d4-7d5538486baa",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "436d1371-8428-f8e1-b3af-88a576461052",
                        "fromProperty": "Query Objects",
                        "toId": "00f569d6-2288-6275-63df-1aa33da4d91d",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "0eebc62c-feae-19b0-dbcf-818a569f07f1",
                        "fromProperty": "Query Objects",
                        "toId": "92f08cc3-48e8-9521-89ad-b498b14137fc",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "0eebc62c-feae-19b0-dbcf-818a569f07f1",
                        "fromProperty": "Query Objects",
                        "toId": "3bb30a6e-9b68-1ad2-09fe-42383cb22d6a",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "b8efa3a3-2ce0-e76b-b487-1edf19bb1520",
                        "fromProperty": "Query Objects",
                        "toId": "68e38e4a-38d4-19f6-aa51-cd6ae5cd3e59",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "b8efa3a3-2ce0-e76b-b487-1edf19bb1520",
                        "fromProperty": "Query Objects",
                        "toId": "88597708-0878-4103-8708-4b213a9291af",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "b8efa3a3-2ce0-e76b-b487-1edf19bb1520",
                        "fromProperty": "Query Objects",
                        "toId": "7352ff1a-9e32-3688-0f9a-24e5a600c418",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "a941ca4e-7eb9-0609-10f5-d954fb4a4caa",
                        "fromProperty": "Query Objects",
                        "toId": "9dfbabc8-841a-4a6a-31e0-00c49924da6d",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "a941ca4e-7eb9-0609-10f5-d954fb4a4caa",
                        "fromProperty": "Query Objects",
                        "toId": "4d95f598-2e3f-9a94-872d-3f78dcbd4231",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "a941ca4e-7eb9-0609-10f5-d954fb4a4caa",
                        "fromProperty": "Query Objects",
                        "toId": "0a582ac0-be57-848a-6ef3-78de2abcebe0",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "a941ca4e-7eb9-0609-10f5-d954fb4a4caa",
                        "fromProperty": "Query Objects",
                        "toId": "23e9c2b2-2d27-4d0b-7a5f-d5150d6d0f6d",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "72cf5b0d-3fd9-ea3e-7ebe-f93f2a243c6a",
                        "fromProperty": "Query Objects",
                        "toId": "fcd62058-8bb6-edf7-04b9-ce354afafa18",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "72cf5b0d-3fd9-ea3e-7ebe-f93f2a243c6a",
                        "fromProperty": "Query Objects",
                        "toId": "e5cbcf67-33ac-1ace-75bc-e2e7bdf52ed1",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "72cf5b0d-3fd9-ea3e-7ebe-f93f2a243c6a",
                        "fromProperty": "Query Objects",
                        "toId": "36d3ad0d-7faa-7937-ab07-39f995f23905",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "b1599d69-d7a6-1543-1ac5-e57f62f4b96a",
                        "fromProperty": "Query Objects",
                        "toId": "4bf2ddc7-ae37-6d4c-d3f5-77fac720ce00",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "b1599d69-d7a6-1543-1ac5-e57f62f4b96a",
                        "fromProperty": "Query Objects",
                        "toId": "ddd688f9-c222-a419-8268-3b179803e5c5",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "0f9428fc-1855-4d20-26ea-75a6701e8a66",
                        "fromProperty": "Query Objects",
                        "toId": "757e9e91-329c-5401-d550-c6f25d282c73",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "0f9428fc-1855-4d20-26ea-75a6701e8a66",
                        "fromProperty": "Query Objects",
                        "toId": "466b5c2a-02cc-e350-1216-6ee57eb10f03",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "0f9428fc-1855-4d20-26ea-75a6701e8a66",
                        "fromProperty": "Query Objects",
                        "toId": "f2925d9e-52d6-b5e6-1bf8-f229be1b2f86",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "2e6db784-2754-c498-ab34-e56ebdc1b913",
                        "fromProperty": "Query Objects",
                        "toId": "ea810567-64c2-0c32-c7cb-25abab5e574c",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "2e6db784-2754-c498-ab34-e56ebdc1b913",
                        "fromProperty": "Query Objects",
                        "toId": "d1e2ba99-a4c0-120a-4521-c638e135b40b",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "2e6db784-2754-c498-ab34-e56ebdc1b913",
                        "fromProperty": "Query Objects",
                        "toId": "84f6af16-350e-3a37-2a8f-5f163dbd7304",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "72f67b64-f6e3-e6cb-4d5d-9d9585e567f0",
                        "fromProperty": "Query Objects",
                        "toId": "666e84af-c5a2-d4f2-71a6-a1637d1ec49a",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "72f67b64-f6e3-e6cb-4d5d-9d9585e567f0",
                        "fromProperty": "Query Objects",
                        "toId": "2ce10f16-c5cd-5ff7-bf3d-72942e4eceef",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "bd96775b-abef-57f6-4312-5d6fc6c9d3a6",
                        "fromProperty": "Query Objects",
                        "toId": "fc0c0798-c22b-c94e-a319-59a3b4b7e316",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "bd96775b-abef-57f6-4312-5d6fc6c9d3a6",
                        "fromProperty": "Query Objects",
                        "toId": "75166026-483e-c4cc-3b95-f001ba0ad4f4",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "bd96775b-abef-57f6-4312-5d6fc6c9d3a6",
                        "fromProperty": "Query Objects",
                        "toId": "596fa9dd-9a11-89fc-210a-bd86d35282c1",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "436d1371-8428-f8e1-b3af-88a576461052",
                        "fromProperty": "Query Objects",
                        "toId": "aa39919e-64d9-41c6-280f-ef237553e023",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "3d64d2c5-4ec6-aae8-cd08-fe2c7b0917ef",
                        "fromProperty": "Query Objects",
                        "toId": "65ffc4be-a28e-4e77-9b8b-7bce0d73461c",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "3d64d2c5-4ec6-aae8-cd08-fe2c7b0917ef",
                        "fromProperty": "Query Objects",
                        "toId": "096dc571-3fa4-a21d-f611-9cb2f3a1cedf",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "3d64d2c5-4ec6-aae8-cd08-fe2c7b0917ef",
                        "fromProperty": "Query Objects",
                        "toId": "9c27bda3-75b6-40d9-86cd-b12e3e12b520",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "a1cba7cd-fdb0-b9a4-66d3-7bd20702879b",
                        "fromProperty": "Query Objects",
                        "toId": "2db1ef79-b6f1-86b1-17ff-867511e91a9c",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "a1cba7cd-fdb0-b9a4-66d3-7bd20702879b",
                        "fromProperty": "Query Objects",
                        "toId": "a5e5da27-434c-8f63-6460-563b63a9be9d",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "a1cba7cd-fdb0-b9a4-66d3-7bd20702879b",
                        "fromProperty": "Query Objects",
                        "toId": "a74e5b16-5582-3dcd-bc10-805a623a6b31",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "cdff8cfb-bd75-ee78-a3a4-ac9c5070fe3e",
                        "fromProperty": "Query Objects",
                        "toId": "093b29ce-c58a-d428-835b-4f1a5b2e5ef3",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "cdff8cfb-bd75-ee78-a3a4-ac9c5070fe3e",
                        "fromProperty": "Query Objects",
                        "toId": "dcfdea19-4627-0343-4df1-d23d058e9d95",
                        "toProperty": "Query Objects"
                    },
                    {
                        "fromId": "89b4b3b1-82ec-5071-5907-4b5cd032cb01",
                        "fromProperty": "savedValue",
                        "toId": "684ece44-888b-75ed-5a12-f5220d060a88",
                        "toProperty": "finsihedSetSize"
                    },
                    {
                        "fromId": "b0950e5a-5b29-1cfc-1fb1-c47d97f57f91",
                        "fromProperty": "eventReceived",
                        "toId": "684ece44-888b-75ed-5a12-f5220d060a88",
                        "toProperty": "check"
                    },
                    {
                        "fromId": "684ece44-888b-75ed-5a12-f5220d060a88",
                        "fromProperty": "allDataLoaded",
                        "toId": "4759c66b-b5ce-82cb-4743-b8ebd92eacec",
                        "toProperty": "All Data Loaded"
                    }
                ],
                "roots": [
                    {
                        "id": "d53cdfa1-507f-ac63-74d6-dfa60f76705b",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 212,
                        "y": 468,
                        "parameters": {
                            "resource": "product_data/tideProducts.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "65fe268c-5773-5de4-7ce4-47365574a888",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 375,
                        "y": 467,
                        "parameters": {
                            "resource": "product_data/products.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5f95d7d3-ce4b-164e-d364-c6b15a667d94",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 535,
                        "y": 466,
                        "parameters": {
                            "resource": "product_data/rice.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3740305d-844e-caef-546c-f69441951ffd",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 211,
                        "y": 519,
                        "parameters": {
                            "resource": "product_data/rugs.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "095f46aa-b3cf-a9f5-bbc3-af07b46aab78",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 376,
                        "y": 519,
                        "parameters": {
                            "resource": "product_data/tv.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "11fb0d17-3e7b-2532-aead-8781f7654492",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 539,
                        "y": 517,
                        "parameters": {
                            "resource": "product_data/desk.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6e142eac-e242-4c35-84a7-0b18998e75f5",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 210.1302389121248,
                        "y": 576.7142857142857,
                        "parameters": {
                            "resource": "product_data/grocery_other_categories.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fbb07556-d9f4-0717-b8f7-10a258f18a04",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 376.13023891212487,
                        "y": 575.7142857142857,
                        "parameters": {
                            "resource": "product_data/Highconsideration.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7f985b84-cdaf-97e1-be44-eb83695bef4a",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 541.1302389121249,
                        "y": 577.7142857142857,
                        "parameters": {
                            "resource": "product_data/variants.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a13b6d5e-af0b-774b-16c1-2bd30e1d8603",
                        "type": "String",
                        "label": "General Products",
                        "x": 210.54341297070823,
                        "y": 403.57142857142856,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f28edce9-fd43-b68b-3e09-41aefdd5f07b",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 382.8487126366543,
                        "y": 748.44930870505,
                        "parameters": {
                            "resource": "product_data/search_queries/eggs-18/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "70808df4-481f-bf58-75b3-9eb4ef268e74",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 542.8487126366542,
                        "y": 748.44930870505,
                        "parameters": {
                            "resource": "product_data/search_queries/eggs-18/items2.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aae5e124-49f1-1b4e-2679-50a5d0047b28",
                        "type": "/Data/Components/Define Search Query",
                        "label": "eggs 18",
                        "x": 216.56117710460873,
                        "y": 742.8245503711356,
                        "parameters": {
                            "Search Queries": "eggs 18, 18-count eggs, eggs",
                            "Search Typeahead Items": "143388578, 135825185, 51259531",
                            "Search Results Items": "143388578, 135825185, 51259531, 172844767, 141624000, 51259534, 949147780, 107527567, 156350735, 42350245, 410073921, 10322933, 49400530, 22115890, 32284479, 176495810, 406354336, 100966386, 10532815, 136399615",
                            "Reformulation": "Organic, Jumbo, Extra Large, Brown"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "38f3864b-0eaf-7b7a-5117-6d3b37a80338",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 382.5867087699969,
                        "y": 840.0912739051338,
                        "parameters": {
                            "resource": "product_data/search_queries/beef-chuck/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "378113dc-a9e1-8ab2-d8bb-ce89311ce706",
                        "type": "/Data/Components/Define Search Query",
                        "label": "beef chuck",
                        "x": 217.43017517128,
                        "y": 837.8762205788562,
                        "parameters": {
                            "Search Queries": "beef chuck, beef chuck roll",
                            "Search Typeahead Items": "479601462, 15136791, 55446514",
                            "Search Results Items": "479601462, 15136791, 55446514, 167493782, 15136794,15136796, 21553575, 250799404, 856441429, 44391395, 409114643",
                            "Reformulation": "Roast, Roll, Tray, Steak"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ec369d7f-0c9c-6099-006c-470f4bcf18b8",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 387.1107165033116,
                        "y": 931.7024305047572,
                        "parameters": {
                            "resource": "product_data/search_queries/seedless-grapes/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f2587002-92f3-dfae-a4a9-58778d53ec5e",
                        "type": "/Data/Components/Define Search Query",
                        "label": "seedless grapes",
                        "x": 221.95418290459475,
                        "y": 930.6016799041575,
                        "parameters": {
                            "Search Queries": "seedless grapes, grapes",
                            "Search Typeahead Items": "47770140, 44390943, 381105260, 51259331",
                            "Search Results Items": "47770140, 44390943, 381105260, 51259331",
                            "Reformulation": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "97a23686-c9ed-0dd3-e182-59877b93714d",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 383.71771070332557,
                        "y": 1026.575590971038,
                        "parameters": {
                            "resource": "product_data/search_queries/potato/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "606d5f65-e2cf-4402-a97a-b017dec7f9d7",
                        "type": "/Data/Components/Define Search Query",
                        "label": "potato",
                        "x": 212.90616743796537,
                        "y": 1023.2128365037811,
                        "parameters": {
                            "Search Queries": "potato, sweet potato, russet potatoes, potatoes",
                            "Search Typeahead Items": "10447837, 44391004, 44390964",
                            "Search Results Items": "10447837, 44391004, 44390964, 10449947, 10449950, 132720824, 10451499, 10451498, 152109084, 10312216,10312201, 10312215,817773702",
                            "Reformulation": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9335ca41-cefc-4215-833f-c2abdc75bbfc",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 377.9480841795069,
                        "y": 1492.6233775005953,
                        "parameters": {
                            "resource": "product_data/search_queries/coke/items-bottles.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f59fbfc1-545a-1c23-d7b5-280bcb1dc9b9",
                        "type": "/Data/Components/Define Search Query",
                        "label": "coke",
                        "x": 173.32109977146132,
                        "y": 1199.0220948104454,
                        "parameters": {
                            "Search Queries": "coke, coca cola",
                            "Search Typeahead Items": "10535170, 10535216, 16618684",
                            "Search Results Items": "",
                            "Reformulation": "Cans, Bottles, Flavored Coke"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "910d6996-3a24-91c4-c72e-72d59717384b",
                        "type": "/Data/Components/Define Search Query",
                        "label": "coke cans",
                        "x": 223.8776976683656,
                        "y": 1383.624717254621,
                        "parameters": {
                            "Search Queries": "coke cans",
                            "Search Typeahead Items": "10535216, 12166733, 125411280",
                            "Search Results Items": "",
                            "Reformulation": "Cans, Bottles, Flavored Coke"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cc9d3ca3-bb9a-e291-d957-bb4dd42cdcdd",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 532.8650977128079,
                        "y": 1493.7846307666532,
                        "parameters": {
                            "resource": "product_data/search_queries/coke/items-cans.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "85f6ed02-b84a-7c29-388d-af8354b1ec25",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 686.6813606455087,
                        "y": 1492.6536288333245,
                        "parameters": {
                            "resource": "product_data/search_queries/coke/items-flavor.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "edaf9416-af13-b70b-9b83-8f844c1603aa",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Cans",
                        "x": 417.45527491392716,
                        "y": 1358.5182571243395,
                        "parameters": {
                            "Label": "Cans",
                            "Search Results Items": "10535216, 12166733, 125411280, 10291651, 10291583, 13812835, 138702544"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7623b9e5-d044-f798-5d8a-b098f44b426d",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Bottles",
                        "x": 610.8865617996431,
                        "y": 1361.6538408416043,
                        "parameters": {
                            "Label": "Bottles",
                            "Search Results Items": "10535170, 16618684, 10291579, 10291610, 16935929, 15610624, 17670814, 10535134"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b23a98d3-a9d8-70d3-a6f2-09d6f285b208",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Flavored Coke",
                        "x": 780.1593192175928,
                        "y": 1399.7082860658784,
                        "parameters": {
                            "Label": "Flavored Coke",
                            "Search Results Items": "10291620, 10291625, 970175971"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "87ba21d6-a7c3-d404-6cd0-d31ae365e04b",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Cans",
                        "x": 401.37330761762064,
                        "y": 1150.490135266241,
                        "parameters": {
                            "Label": "Cans",
                            "Search Results Items": "10535216, 12166733, 125411280, 10291651, 10291583, 13812835, 138702544"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "76010afc-b3d9-1384-b8b2-fe20b363cae0",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Bottles",
                        "x": 569.066598369994,
                        "y": 1188.2107866500096,
                        "parameters": {
                            "Label": "Bottles",
                            "Search Results Items": "10535170, 16618684, 10291579, 10291610, 16935929, 15610624, 17670814, 10535134"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "160406d9-d56b-4373-a1d4-7d5538486baa",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Flavored Coke",
                        "x": 735.8633635212585,
                        "y": 1242.8983150074173,
                        "parameters": {
                            "Label": "Flavored Coke",
                            "Search Results Items": "10291620, 10291625, 970175971"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cb77259c-0aff-6a02-783c-ec86956f701e",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 668.1392297527395,
                        "y": 1642.732284016135,
                        "parameters": {
                            "resource": "product_data/search_queries/diapers-parents-choice/items-diapers-parents-choice.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "436d1371-8428-f8e1-b3af-88a576461052",
                        "type": "/Data/Components/Define Search Query",
                        "label": "diapers parents choice",
                        "x": 216.14690614364054,
                        "y": 1615.3560722901489,
                        "parameters": {
                            "Search Queries": "diapers parents choice",
                            "Search Typeahead Items": "894936595, 784372171",
                            "Search Results Items": "",
                            "Reformulation": "Parent's Choice Diapers, Other diaper brands"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "00f569d6-2288-6275-63df-1aa33da4d91d",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "x": 457.3375783591953,
                        "y": 1598.9797139938623,
                        "parameters": {
                            "Label": "Parent's Choice Diapers",
                            "Search Results Items": "894936595, 784372171"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "820477d8-841e-6940-cc82-9b7a4d720a8a",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 670.5118695715761,
                        "y": 1686.8361762418538,
                        "parameters": {
                            "resource": "product_data/search_queries/diapers-parents-choice/items-other.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e6e1d498-d8cb-7116-0527-e4e75af6bfef",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 627.6646413450001,
                        "y": 1848.3838002921177,
                        "parameters": {
                            "resource": "product_data/search_queries/hair-dryer/items-blow-dryer.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0eebc62c-feae-19b0-dbcf-818a569f07f1",
                        "type": "/Data/Components/Define Search Query",
                        "label": "hair dryer",
                        "x": 229.41239485489876,
                        "y": 1840.63421499523,
                        "parameters": {
                            "Search Queries": "hair dryer, blow dryer, revlon dryer",
                            "Search Typeahead Items": "4551419, 32427579, 14324430",
                            "Search Results Items": "",
                            "Reformulation": "Blow Dryers, 2-in-1 Dry & Style"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "92f08cc3-48e8-9521-89ad-b498b14137fc",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Blow dryers",
                        "x": 426.23121301018546,
                        "y": 1829.90495864578,
                        "parameters": {
                            "Label": "Blow Dryers",
                            "Search Results Items": "14551419,32427579, 46368131, 14324430, 34788344, 14978534, 904421764, 35259232, 9906752, 9906787, 19400346, 147232663, 10965521, 728497708, /435754397"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4cc4f80f-bd87-8173-d90c-d954079e368b",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 652.0356521829502,
                        "y": 1895.3555207248419,
                        "parameters": {
                            "resource": "product_data/search_queries/hair-dryer/items-two-in-one.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3bb30a6e-9b68-1ad2-09fe-42383cb22d6a",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "2-in-1 Dry & Style",
                        "x": 431.1400051661152,
                        "y": 1942.8071782321622,
                        "parameters": {
                            "Label": "2-in-1 Dry & Style",
                            "Search Results Items": "54931349, 9605557, 46828785, 15048144,14098215"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4d622a00-c404-f892-bf6d-c0e7f5621b8b",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 646.9540618893761,
                        "y": 2127.1967919960116,
                        "parameters": {
                            "resource": "product_data/search_queries/apple/items-airpods.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8efa3a3-2ce0-e76b-b487-1edf19bb1520",
                        "type": "/Data/Components/Define Search Query",
                        "label": "apple",
                        "x": 248.7018153992749,
                        "y": 2120.561509424802,
                        "parameters": {
                            "Search Queries": "apple",
                            "Search Typeahead Items": "",
                            "Search Results Items": "",
                            "Reformulation": "Fruit, Electronics, Airpods"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "68e38e4a-38d4-19f6-aa51-cd6ae5cd3e59",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Fruit",
                        "x": 446.74271655599415,
                        "y": 2108.717950349674,
                        "parameters": {
                            "Label": "Fruit",
                            "Search Results Items": "44390958, 151762086, 44391639"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "88597708-0878-4103-8708-4b213a9291af",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Electronics",
                        "x": 454.09567471478886,
                        "y": 2211.8435059245953,
                        "parameters": {
                            "Label": "Electronics",
                            "Search Results Items": "976529747, 706203065, 321737593"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7352ff1a-9e32-3688-0f9a-24e5a600c418",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Airpods",
                        "x": 457.29748781205274,
                        "y": 2339.6695559282516,
                        "parameters": {
                            "Label": "Airpods",
                            "Search Results Items": "482532021, 520468661, 604342441"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ea94d8ff-5625-ae97-bfb8-d0ab78e19d69",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 652.2450428149834,
                        "y": 2178.091402232129,
                        "parameters": {
                            "resource": "product_data/search_queries/apple/items-electronics.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d62e72ce-4e7a-2b33-6cea-a48a0fb3f6b1",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 646.6820257895008,
                        "y": 2229.0236463319943,
                        "parameters": {
                            "resource": "product_data/search_queries/apple/items-fruit.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a941ca4e-7eb9-0609-10f5-d954fb4a4caa",
                        "type": "/Data/Components/Define Search Query",
                        "label": "sweaters",
                        "x": 201.49310006092531,
                        "y": 2579.5744921482706,
                        "parameters": {
                            "Search Queries": "Sweater, v-neck sweater, vneck sweater, sweater vneck, v neck sweater, sweater v neck, sweaters",
                            "Search Typeahead Items": "144472624, 370806386, 856756236",
                            "Search Results Items": "",
                            "Reformulation": "Men, Women, Boys, Girls"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9dfbabc8-841a-4a6a-31e0-00c49924da6d",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Men",
                        "x": 467.83519348788684,
                        "y": 2517.0542681381257,
                        "parameters": {
                            "Label": "Men",
                            "Search Results Items": "234055864, 928898465,303306773"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4d95f598-2e3f-9a94-872d-3f78dcbd4231",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Women",
                        "x": 469.5914777671925,
                        "y": 2617.1624720585496,
                        "parameters": {
                            "Label": "Women",
                            "Search Results Items": "928186239, 601662113, 592776790, 518432753, 770744406"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0a582ac0-be57-848a-6ef3-78de2abcebe0",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Boys",
                        "x": 672.564169887346,
                        "y": 2516.0542681381257,
                        "parameters": {
                            "Label": "Boys",
                            "Search Results Items": "573432079, 533419271, 728811692"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "23e9c2b2-2d27-4d0b-7a5f-d5150d6d0f6d",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Girls",
                        "x": 659.2701799322061,
                        "y": 2618.9187563378546,
                        "parameters": {
                            "Label": "Girls",
                            "Search Results Items": "383270744, 115713494, 611198528,405550856"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "72cf5b0d-3fd9-ea3e-7ebe-f93f2a243c6a",
                        "type": "/Data/Components/Define Search Query",
                        "label": "Samsung TV",
                        "x": 279.9127756021787,
                        "y": 2873.579976837179,
                        "parameters": {
                            "Search Queries": "samsung tv, tv samsung, samsung television, television samsung",
                            "Search Typeahead Items": "654638449,697559735, 435389545",
                            "Reformulation": "Go large (60\"+), Compact (30-39\"),  All Other Sizes (40-59\")"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fcd62058-8bb6-edf7-04b9-ce354afafa18",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Go Large",
                        "x": 534.5739961015026,
                        "y": 2829.6728698545367,
                        "parameters": {
                            "Label": "Go large (60\"+)",
                            "Search Results Items": "654638449, 602316951, 397083195, 651997665, 700256836, 223861988, 963028479, 172813797, 364705026"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e5cbcf67-33ac-1ace-75bc-e2e7bdf52ed1",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Compact",
                        "x": 543.6832385396032,
                        "y": 2932.798425429458,
                        "parameters": {
                            "Label": "Compact (30-39\")",
                            "Search Results Items": "996476748, 172813797, 689218386, 947096823"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "36d3ad0d-7faa-7937-ab07-39f995f23905",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Other",
                        "x": 545.1287673575612,
                        "y": 3060.624475433114,
                        "parameters": {
                            "Label": "All Other Sizes (40-59\")",
                            "Search Results Items": "697559735, 435389545, 373904096, 379254447, 141884805, 434181877, 963028479"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b1599d69-d7a6-1543-1ac5-e57f62f4b96a",
                        "type": "/Data/Components/Define Search Query",
                        "label": "Basketball hoop",
                        "x": 278.55006128348055,
                        "y": 3341.3028542880443,
                        "parameters": {
                            "Search Queries": "basketball hoop, basket ball hoop, hoop for basketball, hoop for basket ball, basket-ball hoop, hoop for basket-ball, hoop basket-ball",
                            "Search Typeahead Items": "418825610, 10994512, 50104314",
                            "Reformulation": "Wall-mounted and over-the-door, In-ground"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4bf2ddc7-ae37-6d4c-d3f5-77fac720ce00",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Wall mounted",
                        "x": 593.6274493758142,
                        "y": 3280.2780543926538,
                        "parameters": {
                            "Label": "Wall-mounted and over-the-door",
                            "Search Results Items": "418825610, 5650955, 10716303, 177467122, 935892805, 24899171, 9893857, 32681640, 47746094"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ddd688f9-c222-a419-8268-3b179803e5c5",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "In-ground",
                        "x": 593.6274493758142,
                        "y": 3409.387760716798,
                        "parameters": {
                            "Label": "In-ground",
                            "Search Results Items": "10994512, 50104314, 15407066, 656073159, 428370796, 9919146, 912571827, 404083275, 9919143"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "86bea5aa-0701-cede-a9a9-a716ef9be689",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 832.1997328008629,
                        "y": 3302.7319163620705,
                        "parameters": {
                            "resource": "product_data/search_queries/basketball-hoop/items-in-ground.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e43f8181-5bd4-68fc-393c-6276798c02e1",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 836.6262052597347,
                        "y": 3353.5127538007846,
                        "parameters": {
                            "resource": "product_data/search_queries/basketball-hoop/items-wall-mouted-over-door.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0f9428fc-1855-4d20-26ea-75a6701e8a66",
                        "type": "/Data/Components/Define Search Query",
                        "label": "Roku TV",
                        "x": 281.36280720161386,
                        "y": 3709.85516286398,
                        "parameters": {
                            "Search Queries": "roku tv",
                            "Search Typeahead Items": "632565655, 823810078, 680155633",
                            "Reformulation": "Go large (60\"+), Compact (30-39\"),  All Other Sizes (40-59\")"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "757e9e91-329c-5401-d550-c6f25d282c73",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Go Large",
                        "x": 558.4566332160107,
                        "y": 3602.632029854706,
                        "parameters": {
                            "Label": "Go large (60\"+)",
                            "Search Results Items": "632565655, 271962270, 988564886, 559011443, 953460510, 238992111"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "466b5c2a-02cc-e350-1216-6ee57eb10f03",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Compact",
                        "x": 567.5658756541112,
                        "y": 3705.7575854296274,
                        "parameters": {
                            "Label": "Compact (30-39\")",
                            "Search Results Items": "823810078, 409693367, 712021234, 723086968, 975507003"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f2925d9e-52d6-b5e6-1bf8-f229be1b2f86",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Other",
                        "x": 566.927992246397,
                        "y": 3833.5836354332837,
                        "parameters": {
                            "Label": "All Other Sizes (40-59\")",
                            "Search Results Items": "680155633, 470905078, 220975865, 298384909, 991538696,781406220, 823268655, 471753560, 813012685, 616382144"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "43a731bc-f635-1758-6b91-c097dcd6f470",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 804.299275845325,
                        "y": 3631.7998010141164,
                        "parameters": {
                            "resource": "product_data/search_queries/roku-tv/item-large.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3eb49ed2-1263-2f2d-5db7-6d947e6022da",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 802.215863619653,
                        "y": 3685.968518881592,
                        "parameters": {
                            "resource": "product_data/search_queries/roku-tv/item-other.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b7f61bf7-30b9-e774-646c-488cd1a5e5b1",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 806.3826880709972,
                        "y": 3746.387473426085,
                        "parameters": {
                            "resource": "product_data/search_queries/roku-tv/item-compact.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cf3ccd03-6635-3ffd-967f-a92d79c62b25",
                        "type": "/Data/Components/Define Search Query",
                        "label": "Heating Pad",
                        "x": 268.862333847581,
                        "y": 4042.2320094715315,
                        "parameters": {
                            "Search Queries": "heating pad, heatingpad, heat pad, pad heating, electric heating pad",
                            "Search Typeahead Items": "491144515, 690896434, 22063035",
                            "Reformulation": "Back Pain, Auto Shut Off, Shoulder Pain, Sunbeam",
                            "Search Results Items": "491144515, 690896434, 22063035, 982734196, h243979897, 590598080, 19298495,197561051, 857038328, 10740652, 379454286, 360258622, 25479730, 10752335, 186619458, 851131697, 54266584, 767653760, 9875663, 11148964, 915601897, 105714032, "
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8716b625-9bb3-83b9-2b11-422f22b32104",
                        "type": "/Data/Components/Define Search Query",
                        "label": "mattress",
                        "x": 262.56505032359803,
                        "y": 4156.553342119931,
                        "parameters": {
                            "Search Queries": "mattress, king mattress, queen mattress, twin mattress, double mattress, mattress bed",
                            "Search Typeahead Items": "6538605, 14225185, 14225198",
                            "Reformulation": "Gel, Hybrid, Innerspring, Latex Foam, Memory Foam",
                            "Search Results Items": "6538605, 14225185, 14225198,45015287, 614195068, 154737687, 598100260, 55233957, 47903506, 47903235,47826186, 126573510, 765988547, 436969391, 10247115, 490790599, 699734582, 479032067, 12542630, 392085411, 47826204"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f85f3984-2000-bf8d-8105-0c50f249d981",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 423.6143058855155,
                        "y": 4155.394148407634,
                        "parameters": {
                            "resource": "product_data/search_queries/mattress/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3ef63ec3-b015-2d56-a558-4037eb689325",
                        "type": "/Data/Components/Define Search Query",
                        "label": "car seat",
                        "x": 259.08746918670374,
                        "y": 4234.297473219606,
                        "parameters": {
                            "Search Queries": "car seat, carseat, baby seat",
                            "Search Typeahead Items": "488121760, 50104042, 50104042",
                            "Reformulation": "Infant, Convertible, Booster, Chicco, Evenflo, Graco",
                            "Search Results Items": "488121760, 50104042, 50104042,52502361, 41126745, 433201006, 51252780, 46928011, 41126739, 50901250,587611111, 55704266, 599032469, 404684797, 42338101, 603136182,325486571, 52502360, 55047788, 544644893, 996180814, 48628996, 22846275, 756993781, 46258989,55704267, 55704267, 22621025, 527347571,43339431, 42312958,49369033, 55394883, 424357148,55302074, 396097579"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d6d97f3d-9eb9-87c4-6c38-c667403fbb68",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 425.9483755924339,
                        "y": 4236.365203162956,
                        "parameters": {
                            "resource": "product_data/search_queries/car-seat/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2e6db784-2754-c498-ab34-e56ebdc1b913",
                        "type": "/Data/Components/Define Search Query",
                        "label": "laptop",
                        "x": 258.0061688142,
                        "y": 4414.787200198838,
                        "parameters": {
                            "Search Queries": "laptop 15, laptop",
                            "Search Typeahead Items": "305886954, 545386564, 820048669",
                            "Reformulation": "Windows, Chromebook, Mac",
                            "Search Results Items": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ea810567-64c2-0c32-c7cb-25abab5e574c",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Windows",
                        "x": 449.27313134338715,
                        "y": 4319.733315790396,
                        "parameters": {
                            "Label": "Windows",
                            "Search Results Items": "305886954, 545386564, 820048669, 733678536, 234798654, 273186587, 100025226, 437999998, 563145202, 218997243"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d1e2ba99-a4c0-120a-4521-c638e135b40b",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Chromebook",
                        "x": 450.4323250556852,
                        "y": 4420.583168760331,
                        "parameters": {
                            "Label": "Chromebook",
                            "Search Results Items": "836683677, 860387371, 989218540, 905738702, 787288737, 992776713, 56147311"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "84f6af16-350e-3a37-2a8f-5f163dbd7304",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Mac",
                        "x": 453.9099061925795,
                        "y": 4517.955440593371,
                        "parameters": {
                            "Label": "Mac",
                            "Search Results Items": "44635137, 659362999, 53146887, 192689693"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d3a702d4-831c-04e7-8dba-c6bd499c00d7",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 623.1521881881025,
                        "y": 4340.598802611762,
                        "parameters": {
                            "resource": "product_data/search_queries/laptop/items-windows.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "02eb74f1-d467-e6c3-6772-d6cf0d071e32",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 613.8786384897177,
                        "y": 4443.7670430062935,
                        "parameters": {
                            "resource": "product_data/search_queries/laptop/items-chromebook.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "06eb9594-e10b-8be0-c52a-c5ad2eab5951",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 632.4257378864874,
                        "y": 4526.069796579459,
                        "parameters": {
                            "resource": "product_data/search_queries/laptop/items-mac.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "72f67b64-f6e3-e6cb-4d5d-9d9585e567f0",
                        "type": "/Data/Components/Define Search Query",
                        "label": "dumbbells",
                        "x": 267.6962494922865,
                        "y": 4636.516983747772,
                        "parameters": {
                            "Search Queries": "dumbbells adjustable, dumbells adjustable, dumb-bells adjustable, dumbbells adjustable",
                            "Search Typeahead Items": "898271553, 14660327, 364792557",
                            "Reformulation": "Adjustable Dumbbells, Other Dumbbells",
                            "Search Results Items": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "666e84af-c5a2-d4f2-71a6-a1637d1ec49a",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Adjustable dumbbells",
                        "x": 462.3208214974727,
                        "y": 4637.721068446692,
                        "parameters": {
                            "Label": "Adjustable Dumbbells",
                            "Search Results Items": "898271553, 14660327, 364792557, 10843458"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2ce10f16-c5cd-5ff7-bf3d-72942e4eceef",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Other dumbbells",
                        "x": 460.00243407287655,
                        "y": 4737.41172770433,
                        "parameters": {
                            "Label": "Other Dumbbells",
                            "Search Results Items": "48572327, 467090899, 103498791, 933629849, 11099765, 117010981, 261384324, 116462835, 40138186, 110935049, 676474311, 113293517, 643531921, 11099739, 987138316"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0bed6d19-8b89-e775-d07a-390b159be774",
                        "type": "/Data/Components/Define Search Query",
                        "label": "infant formula",
                        "x": 298.0118736699485,
                        "y": 5041.470206897694,
                        "parameters": {
                            "Search Queries": "infant formula, formula, baby formula, formula for babies, formula for infants",
                            "Search Typeahead Items": "134585414, 519633740, 274241484",
                            "Reformulation": "Organic, Non-GMO, Parent's Choice, Enfamil, Similac, Gerber",
                            "Search Results Items": "134585414, 519633740, 274241484, 209833592, 327388827, 578886875, 362731379, 314241031, 50033707, 35849584, 22862021, 23739745, 49933686, 20553533, 43832659, 559964668, 21989016, 22001716, 699167744"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a6200980-1ef5-0ee2-9acf-82ac2e295dac",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 469.5725430900678,
                        "y": 5041.182662099864,
                        "parameters": {
                            "resource": "product_data/search_queries/infant-formula/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7fb6791a-0b49-2a20-7832-807d5c95b6b6",
                        "type": "/Data/Components/Define Search Query",
                        "label": "hearing aids for ears rechargeable",
                        "x": 302.05552988152795,
                        "y": 5101.245306509341,
                        "parameters": {
                            "Search Queries": "rechargeable hearing aids, hearing aid, re-chargeable hearing aid, hearingaid rechargeable, hearing aid rechargeable, hearing aid rechargable",
                            "Search Typeahead Items": "536255316, 171302026, 415239317",
                            "Reformulation": "FSA and HSA Eligible",
                            "Search Results Items": "536255316, 171302026, 415239317, 772347670, 721756167, 511457644, 205485195, 173810948, 436843700,487992300, 448218133, 552595338, 918452806, 389184037, 313967811,439233431, 852083543, 376100811, 632973826, 493567632,251173193"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bd96775b-abef-57f6-4312-5d6fc6c9d3a6",
                        "type": "/Data/Components/Define Search Query",
                        "label": "drumsticks",
                        "x": 302.05552988152766,
                        "y": 5193.810265849795,
                        "parameters": {
                            "Search Queries": "drumsticks, drum sticks, drum stick, drumstick",
                            "Search Typeahead Items": "",
                            "Reformulation": "Chicken, Ice Cream, Musical Instruments",
                            "Search Results Items": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fc0c0798-c22b-c94e-a319-59a3b4b7e316",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Chicken",
                        "x": 516.218821858846,
                        "y": 5160.148757206527,
                        "parameters": {
                            "Label": "Chicken",
                            "Search Results Items": "158751412, 149101411, 10533743, 613823324, 197513616, 577327930, 380575268, 19400233, 438660232, 188200625"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "75166026-483e-c4cc-3b95-f001ba0ad4f4",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Ice Cream",
                        "x": 516.5063666566767,
                        "y": 5259.839416464164,
                        "parameters": {
                            "Label": "Ice Cream",
                            "Search Results Items": "49606947, 13281704, 42863327, 16213413, 13281697, 10813747"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "596fa9dd-9a11-89fc-210a-bd86d35282c1",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Musical Instruments",
                        "x": 516.5063666566766,
                        "y": 5364.166850570994,
                        "parameters": {
                            "Label": "Musical Instruments",
                            "Search Results Items": "718735532, 376550691, 28090994, 748853066, 128368655, 19691885, 24671079, 894899574, 599439435"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b42eda5e-22d4-da04-f3e6-497f7dbddb91",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 697.3405857751807,
                        "y": 5165.944725768017,
                        "parameters": {
                            "resource": "product_data/search_queries/drumsticks/items-chicken.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8fb1561f-6c7d-c57e-d13e-5ce5b9f94766",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 683.4302612276034,
                        "y": 5262.15780388876,
                        "parameters": {
                            "resource": "product_data/search_queries/drumsticks/items-ice-cream.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bc18752a-2149-732a-0578-bba1d360ea8a",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 700.9381385729702,
                        "y": 5368.803625420185,
                        "parameters": {
                            "resource": "product_data/search_queries/drumsticks/items-music.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aa39919e-64d9-41c6-280f-ef237553e023",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "x": 449.62899529917615,
                        "y": 1704.6557923427267,
                        "parameters": {
                            "Label": "Other diaper brands",
                            "Search Results Items": "714296644, 468521939, 966908900, 268179729, 359831938"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "24f8c6a3-735e-646a-adcc-1dfd21217c55",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 887.6289952991762,
                        "y": 2522.6557923427267,
                        "parameters": {
                            "resource": "product_data/search_queries/sweater/items-boys.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "07aba1ce-4af8-fc05-1252-80805c80f121",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 897.6289952991762,
                        "y": 2573.6557923427267,
                        "parameters": {
                            "resource": "product_data/search_queries/sweater/items-girls.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "67d80e04-e435-e76d-ab83-f0c423fc4a03",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 896.6289952991762,
                        "y": 2613.6557923427267,
                        "parameters": {
                            "resource": "product_data/search_queries/sweater/items-men.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b233e0a2-3067-1d97-bcc0-1e00efef856a",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 1076.628995299176,
                        "y": 2530.6557923427267,
                        "parameters": {
                            "resource": "product_data/search_queries/sweater/items-women.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d6eefb7e-bfbe-0c06-f58b-89abd11bab51",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 1077.628995299176,
                        "y": 2582.6557923427267,
                        "parameters": {
                            "resource": "product_data/search_queries/sweater/items-user-selects-men.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1b3173ef-254c-0d83-c0ee-0d06d32e73a5",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 1073.628995299176,
                        "y": 2637.6557923427267,
                        "parameters": {
                            "resource": "product_data/search_queries/sweater/items-user-selects-vneck.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "924bf33a-de9e-3986-d2e7-5fd7b329cd4d",
                        "type": "/Data/Components/Define Search Query",
                        "label": "dog food",
                        "x": 325.9359704411626,
                        "y": 5543.797738404895,
                        "parameters": {
                            "Search Queries": "dog food",
                            "Search Typeahead Items": "146088404, 804256964, 112793565",
                            "Reformulation": "Wet, Dry, Purina, Pure Balance, Blue Buffalo",
                            "Search Results Items": "146088404, 804256964, 112793565, 595408342, 119930097, 34198199, 784167902, 35843036, 21108354, 542763315, 140840074, 10804980, 251607370, 287903134, 145494971, 140694771, 685902650, 14906404, 17252406, 46701589, 34201637, 38026133"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f9cf08d7-52e5-be46-a184-5a8dddc1078c",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 562.5815644819087,
                        "y": 5531.006084672963,
                        "parameters": {
                            "resource": "product_data/search_queries/dog-food/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "73e502d0-4fe5-31eb-eb39-c6581a11f59d",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 462.8066653728374,
                        "y": 4049.732582515212,
                        "parameters": {
                            "resource": "product_data/search_queries/heating-pad/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "398a3daf-fee3-b17e-698f-a69d41690452",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 468.62166707577217,
                        "y": 5098.832447700528,
                        "parameters": {
                            "resource": "product_data/search_queries/hearing-aid/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "335cd1b6-4f9b-81d8-671f-3ef4e2db84cc",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 664.4120749265603,
                        "y": 4654.029405735642,
                        "parameters": {
                            "resource": "product_data/search_queries/dumbbells/items-adjustable.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a03f2b44-8ed5-3952-f5bd-23971aa2e0fc",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 683.5995555244585,
                        "y": 4730.779328127235,
                        "parameters": {
                            "resource": "product_data/search_queries/dumbbells/items-other.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1f795a0a-d377-d7c2-dcd9-b1abcb37784a",
                        "type": "/Data/Components/Define Search Query",
                        "label": "protein powder",
                        "x": 297.10819984006366,
                        "y": 4843.424929488684,
                        "parameters": {
                            "Search Queries": "protein powder vanilla, protein powder, vanilla protein shake, protein shake vanilla, protein shake, vanilla protein powder",
                            "Search Typeahead Items": "861459512, 43333516,17177433",
                            "Reformulation": "Equate, Pure Protein, Body Fortress, Muscle Milk",
                            "Search Results Items": "861459512, 43333516,17177433, 23591393, 38570793, 941418387,861459512, 522127840, 938798169, 50043282, 110802292, 599711559, 35092796, 971404227, 47375942"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "26b35120-e287-8fd2-483f-2c40b1f7e506",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 482.0405019683181,
                        "y": 4858.620627478019,
                        "parameters": {
                            "resource": "product_data/search_queries/protein-powder-vanilla/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e6f1c8b0-d383-c178-cb22-400931e3569a",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 926.7904378630005,
                        "y": 2680.1199760221116,
                        "parameters": {
                            "resource": "product_data/search_queries/sweater/typeahead.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5cb329a6-70d9-9d4c-caa6-3a786a3db2d5",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 767.6492017488499,
                        "y": 2860.962289788192,
                        "parameters": {
                            "resource": "product_data/search_queries/samsung-tv/items-compact.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9de013aa-593c-0520-1361-a7b258a3bd26",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 769.0959402589785,
                        "y": 2934.7459538047524,
                        "parameters": {
                            "resource": "product_data/search_queries/samsung-tv/items-large.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1e713ff1-6104-6daf-8361-04be3b3cdda9",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 754.6285551576921,
                        "y": 2992.615494209898,
                        "parameters": {
                            "resource": "product_data/search_queries/samsung-tv/items-other.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8f4d87d-d5fc-6ed6-983c-42800503b6c1",
                        "type": "/Data/Components/Define Search Query",
                        "label": "toilet paper",
                        "x": 311.92657105832757,
                        "y": 4908.097281620225,
                        "parameters": {
                            "Search Queries": "toilet paper, bathroom tissue",
                            "Search Typeahead Items": "713550748, 450185839,605956796",
                            "Reformulation": "Great Value, Angel Soft, Charmin, Scott, Cottonelle",
                            "Search Results Items": "713550748, 450185839,605956796, 631117429, 928084496, 132355712, 964614166, 830056147,269583391, 625451177,210890182, 504417469, 758323427, 331701566, 116039319, 920469482, 805936153, 992758743,14664761"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "18eedd82-9a5e-1438-fb35-c2ed75b5a356",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 495.66236184466516,
                        "y": 4915.330974170868,
                        "parameters": {
                            "resource": "product_data/search_queries/toilet-paper/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4f569d49-c82a-1d38-c940-67d79c2316d3",
                        "type": "/Data/Components/Define Search Query",
                        "label": "thermometer",
                        "x": 300.35266297729856,
                        "y": 4970.307037555757,
                        "parameters": {
                            "Search Queries": "thermometer, baby thermometer, thermometer for fever",
                            "Search Typeahead Items": "9875669, 159722678, 54778797",
                            "Reformulation": "Forehead, Ear, Oral, No Contact, Under $20",
                            "Search Results Items": "9875669, 159722678, 54778797, 258288332, 716315059,44926104, 35327362, 592383523, 655440920, 960549160, 736207193, 680830239"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "df3cc41a-e7b0-9a72-5dcc-666d476da550",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 491.3221463142793,
                        "y": 4977.540730106399,
                        "parameters": {
                            "resource": "product_data/search_queries/thermometer/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8000bc13-50f3-072a-2a18-c56a3528b4a8",
                        "type": "/Data/Components/Define Search Query",
                        "label": "milk",
                        "x": 327.8406946697427,
                        "y": 5656.061091356734,
                        "parameters": {
                            "Search Queries": "milk",
                            "Search Typeahead Items": "10450115, 10450114,10450116",
                            "Reformulation": "Lactose-free, Skim, 2%, Whole, Organic, Almond, Soy",
                            "Search Results Items": "10450115, 10450114,10450116,10450117, 46942839, 11979181, 46942848, 43984343, 46491752, 11979180, 43436773, 43984342, 46491750, 15556051,16777263, 15556050, 34443202, 46491749, 37910813, 46942849, 10295044, 46942840"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6591a54e-19b9-03b1-235a-8821223493e7",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 510.12974694595164,
                        "y": 5663.294783907378,
                        "parameters": {
                            "resource": "product_data/search_queries/milk/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3d64d2c5-4ec6-aae8-cd08-fe2c7b0917ef",
                        "type": "/Data/Components/Define Search Query",
                        "label": "caramel",
                        "x": 355.3287263621869,
                        "y": 5760.5586998704475,
                        "parameters": {
                            "Search Queries": "caramel, carmel",
                            "Search Typeahead Items": "20702796, 17619683, 24705332",
                            "Reformulation": "Sauce, Pods, Liquid",
                            "Search Results Items": "10450115, 10450114,10450116,10450117, 46942839, 11979181, 46942848, 43984343, 46491752, 11979180, 43436773, 43984342, 46491750, 15556051,16777263, 15556050, 34443202, 46491749, 37910813, 46942849, 10295044, 46942840"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "65ffc4be-a28e-4e77-9b8b-7bce0d73461c",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Sauce",
                        "x": 570.8927643713545,
                        "y": 5731.291493883425,
                        "parameters": {
                            "Label": "Sauce",
                            "Search Results Items": "20702796, 896722099, 10311921, 10534945, 30869640, 10534936, 19475452"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "096dc571-3fa4-a21d-f611-9cb2f3a1cedf",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Pods",
                        "x": 574.0737861894426,
                        "y": 5836.769107181575,
                        "parameters": {
                            "Label": "Pods",
                            "Search Results Items": "608526496, 542472429, 19717396, 36544317, 723835749, 437497146, 598798312, 598798312, 49292906, 50621071, 148616343"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9c27bda3-75b6-40d9-86cd-b12e3e12b520",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Liquid",
                        "x": 567.9992873510973,
                        "y": 5952.642485933107,
                        "parameters": {
                            "Label": "Liquid",
                            "Search Results Items": "154285308, 33963183, 33963187, 208828668, 528064308, 740722741"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b3a74282-06dd-fac7-9ff2-25b118321929",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 760.4155091982068,
                        "y": 5760.226264085998,
                        "parameters": {
                            "resource": "product_data/search_queries/caramel/items-candy.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cca5ba88-e655-a3a4-bcc2-f4cace90754e",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 767.6492017488499,
                        "y": 5819.542543001272,
                        "parameters": {
                            "resource": "product_data/search_queries/caramel/items-creamer.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "52170d97-96ca-e93e-f710-6fefee0638f4",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 773.4361557893645,
                        "y": 5862.944698305131,
                        "parameters": {
                            "resource": "product_data/search_queries/caramel/items-sauce.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "74f25758-c572-4a7e-d67c-61220b1dd8ca",
                        "type": "/Data/Components/Define Search Query",
                        "label": "rugs",
                        "x": 400.17762017617497,
                        "y": 6194.2478171245875,
                        "parameters": {
                            "Search Queries": "rug, rugs, area rug",
                            "Search Typeahead Items": "55076104, 361348347, 51644412",
                            "Reformulation": "2 x 3, 3 x 5, 5 x 7, 8 x 10, 9 x 12",
                            "Search Results Items": "55076104, 361348347, 51644412, 880245543, 29726941, 706982775, 871835050, 212385335, 151108011, h171023727, 341377346,48048285, 600186566, 48568722, 726629031, 208455711, 34193594, 45702218, 200417538, 55412443"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1ece4fa3-0f0f-d6bb-fa1e-ff145b73f3b8",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 582.4666724523839,
                        "y": 6201.481509675231,
                        "parameters": {
                            "resource": "product_data/search_queries/rugs/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a1cba7cd-fdb0-b9a4-66d3-7bd20702879b",
                        "type": "/Data/Components/Define Search Query",
                        "label": "tide",
                        "x": 372.68958848373074,
                        "y": 6370.749915360282,
                        "parameters": {
                            "Search Queries": "tide",
                            "Search Typeahead Items": "608526496, 154285308, 21675362",
                            "Reformulation": "Powder, Pods, Liquid",
                            "Search Results Items": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2db1ef79-b6f1-86b1-17ff-867511e91a9c",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Powder",
                        "x": 588.2536264928983,
                        "y": 6341.81514515771,
                        "parameters": {
                            "Label": "Powder",
                            "Search Results Items": "21675362, 34763227, 21675353"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a5e5da27-434c-8f63-6460-563b63a9be9d",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Pods",
                        "x": 591.4346483109864,
                        "y": 6445.846019945731,
                        "parameters": {
                            "Label": "Pods",
                            "Search Results Items": "608526496, 542472429, 19717396, 36544317, 723835749, 437497146, 598798312, 598798312, 49292906, 50621071, 148616343"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a74e5b16-5582-3dcd-bc10-805a623a6b31",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Liquid",
                        "x": 585.3601494726412,
                        "y": 6561.719398697263,
                        "parameters": {
                            "Label": "Liquid",
                            "Search Results Items": "154285308, 33963183, 33963187, 208828668, 528064308, 740722741"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "886f9d5c-3b9f-2fb4-d756-be5eebd51063",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 777.7763713197506,
                        "y": 6369.303176850154,
                        "parameters": {
                            "resource": "product_data/search_queries/tide/items-powder.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3d2c223a-c89d-629d-751a-5e235854a142",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 785.0100638703938,
                        "y": 6428.619455765428,
                        "parameters": {
                            "resource": "product_data/search_queries/tide/items-pods.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "72069f15-11d3-6179-0e68-209511dd319a",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 790.7970179109084,
                        "y": 6472.021611069287,
                        "parameters": {
                            "resource": "product_data/search_queries/tide/items-liquid.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1763b476-be13-5002-1457-10c4513e7f4d",
                        "type": "/Data/Components/Define Search Query",
                        "label": "doritos",
                        "x": 392.9439276255317,
                        "y": 6726.647588851926,
                        "parameters": {
                            "Search Queries": "doritos",
                            "Search Typeahead Items": "900174865, 838468775, 418958052",
                            "Reformulation": "On Sale, Variety Pack, Party Pack",
                            "Search Results Items": "900174865, 838468775, 418958052,875610774,152785920, 287455407,671597631, h443575814, 826465162, 498768399, 235819148,135710108, 135710108, 102685984, 869091243, 241276997, 815246278,173946476"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b4dd3af7-ecd1-4c48-7d1a-aebcd841cf1a",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 575.2329799017407,
                        "y": 6733.88128140257,
                        "parameters": {
                            "resource": "product_data/search_queries/doritos/items.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cdff8cfb-bd75-ee78-a3a4-ac9c5070fe3e",
                        "type": "/Data/Components/Define Search Query",
                        "label": "paper plates",
                        "x": 394.3906661356603,
                        "y": 6955.232273452251,
                        "parameters": {
                            "Search Queries": "paper plates, disposable plates",
                            "Search Typeahead Items": "44390998, 542517099, 449577508",
                            "Reformulation": "Plain Paper Plates, Themed Paper Plates",
                            "Search Results Items": "10450115, 10450114,10450116,10450117, 46942839, 11979181, 46942848, 43984343, 46491752, 11979180, 43436773, 43984342, 46491750, 15556051,16777263, 15556050, 34443202, 46491749, 37910813, 46942849, 10295044, 46942840"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "093b29ce-c58a-d428-835b-4f1a5b2e5ef3",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Plain Paper Plates",
                        "x": 609.9547041448279,
                        "y": 6923.404026229421,
                        "parameters": {
                            "Label": "Plain Paper Plates",
                            "Search Results Items": "44390998,278359482, 255884165, 28262560, 732088710, 28262561, 31696292, 104086285,615318904, 542517099, 449577508"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d4f9dc9c-c4aa-088d-a8a1-df231938bb90",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 800.9241874818088,
                        "y": 6950.892057921866,
                        "parameters": {
                            "resource": "product_data/search_queries/paper-plates/items-plain.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dcfdea19-4627-0343-4df1-d23d058e9d95",
                        "type": "/Data/Components/Define Search Query - Result Subset",
                        "label": "Plain Paper Plates",
                        "x": 612.8481811650852,
                        "y": 7079.6517853233145,
                        "parameters": {
                            "Label": "Themed paper plates",
                            "Search Results Items": "358506608, 399040091, 191468202, 136899976, 923276645, 127443278, 414357949, 366098039, 472188508, 522785380"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ef9155d1-ddfd-de8d-6f48-aadb664a2038",
                        "type": "/Data/Components/Load Product JSON",
                        "x": 818.2850496033525,
                        "y": 7091.2256934043435,
                        "parameters": {
                            "resource": "product_data/search_queries/paper-plates/items-themed.json"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "684ece44-888b-75ed-5a12-f5220d060a88",
                        "type": "Javascript2",
                        "x": 1279.8150308236136,
                        "y": 6847.617831713224,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    check:'signal',\n\t    finsihedSetSize: 'number'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    allDataLoaded: 'signal'\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tcheck:function(inputs,outputs) {\n\t    if(window.wallyProducts && window.wallyProducts.length === inputs.finsihedSetSize) {\n\t        this.sendSignalOnOutput(\"allDataLoaded\");\n\t    }\n\t\t// ...\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "check",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "finsihedSetSize",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "allDataLoaded",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b0950e5a-5b29-1cfc-1fb1-c47d97f57f91",
                        "type": "Event Receiver",
                        "x": 1392.8150308236136,
                        "y": 6692.617831713224,
                        "parameters": {
                            "channelName": "Some Data Loaded"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "89b4b3b1-82ec-5071-5907-4b5cd032cb01",
                        "type": "Number",
                        "label": "Number Of Items When Done",
                        "x": 1056.8150308236136,
                        "y": 6782.617831713224,
                        "parameters": {
                            "value": 2524
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4759c66b-b5ce-82cb-4743-b8ebd92eacec",
                        "type": "Component Outputs",
                        "x": 1559.8150308236136,
                        "y": 6902.617831713224,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "All Data Loaded",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/filter popups/filter on time popup",
            "graph": {
                "connections": [
                    {
                        "fromId": "5d6ef913-8793-3005-377b-8892268538b5",
                        "fromProperty": "currentValue",
                        "toId": "a4ed6ab2-678e-db4b-3085-bbbe8feac508",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "bfdf6416-fda8-9416-d52d-947611516102",
                        "fromProperty": "currentValue",
                        "toId": "4cd96294-9239-1a77-a3a7-c0849189a384",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "bfdf6416-fda8-9416-d52d-947611516102",
                        "fromProperty": "indexChanged",
                        "toId": "4cd96294-9239-1a77-a3a7-c0849189a384",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "1bfe5591-dc48-27ff-2653-0869d2731135",
                        "fromProperty": "didMount",
                        "toId": "4cd96294-9239-1a77-a3a7-c0849189a384",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "16b577c6-8508-7f56-a3a5-1382f1a4dd9c",
                        "fromProperty": "result",
                        "toId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "toProperty": "maxDragX"
                    },
                    {
                        "fromId": "2a44be39-47f1-cbef-7c8f-d8ea670c282b",
                        "fromProperty": "boundingWidth",
                        "toId": "16b577c6-8508-7f56-a3a5-1382f1a4dd9c",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "fromProperty": "onStop",
                        "toId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "toProperty": "dragEnded"
                    },
                    {
                        "fromId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "fromProperty": "positionX",
                        "toId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "toProperty": "dragX"
                    },
                    {
                        "fromId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "fromProperty": "dragSnapX",
                        "toId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "toProperty": "snapToPositionX.value"
                    },
                    {
                        "fromId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "fromProperty": "dragSnapDo",
                        "toId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "toProperty": "snapToPositionX.do"
                    },
                    {
                        "fromId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "fromProperty": "onDrag",
                        "toId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "toProperty": "dragMove"
                    },
                    {
                        "fromId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "fromProperty": "selectedState",
                        "toId": "5d6ef913-8793-3005-377b-8892268538b5",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "fromProperty": "selectedState",
                        "toId": "bfdf6416-fda8-9416-d52d-947611516102",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "1bfe5591-dc48-27ff-2653-0869d2731135",
                        "fromProperty": "didMount",
                        "toId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "toProperty": "onShow"
                    },
                    {
                        "fromId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "fromProperty": "positionX",
                        "toId": "8a46de23-a3c6-7dc7-10c9-7131a17bd36e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "8a46de23-a3c6-7dc7-10c9-7131a17bd36e",
                        "fromProperty": "valueChanged",
                        "toId": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "toProperty": "dragXChanged"
                    },
                    {
                        "fromId": "c24e65a7-dffc-0b3e-0f71-444642bb3e08",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "80ad4b2c-146b-6952-bd53-b74ebe30c4bb",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "c24e65a7-dffc-0b3e-0f71-444642bb3e08",
                        "fromProperty": "Hiding",
                        "toId": "80ad4b2c-146b-6952-bd53-b74ebe30c4bb",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "f89fbc89-a62f-c024-1345-65b8752f4e5b",
                        "fromProperty": "Show",
                        "toId": "c24e65a7-dffc-0b3e-0f71-444642bb3e08",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "f89fbc89-a62f-c024-1345-65b8752f4e5b",
                        "fromProperty": "Hide",
                        "toId": "c24e65a7-dffc-0b3e-0f71-444642bb3e08",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "b628784e-f6be-3a43-124c-3c082eaae801",
                        "fromProperty": "signalTriggered",
                        "toId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "toProperty": "snapToPositionX.do"
                    },
                    {
                        "fromId": "b628784e-f6be-3a43-124c-3c082eaae801",
                        "fromProperty": "index",
                        "toId": "05677ee8-93e0-5990-c389-226611888ede",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "05677ee8-93e0-5990-c389-226611888ede",
                        "fromProperty": "result",
                        "toId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "toProperty": "snapToPositionX.value"
                    },
                    {
                        "fromId": "f65a4913-707c-26c3-2b7b-d87e6cd85e55",
                        "fromProperty": "onClick",
                        "toId": "b628784e-f6be-3a43-124c-3c082eaae801",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "16ebd4c8-a4b1-53b1-1735-249615d87ad8",
                        "fromProperty": "result",
                        "toId": "892c0e18-75f5-d2db-4e06-ea248a12d3cd",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "892c0e18-75f5-d2db-4e06-ea248a12d3cd",
                        "fromProperty": "result",
                        "toId": "04142d77-a94e-d12f-8399-7812a163af9d",
                        "toProperty": "fillColor"
                    },
                    {
                        "fromId": "946d7bc5-567d-cded-607f-633a8175922d",
                        "fromProperty": "onClick",
                        "toId": "b628784e-f6be-3a43-124c-3c082eaae801",
                        "toProperty": "input 2"
                    },
                    {
                        "fromId": "b6e0a0d2-12b3-0980-7fb9-c15de3f794d5",
                        "fromProperty": "onClick",
                        "toId": "b628784e-f6be-3a43-124c-3c082eaae801",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "16b577c6-8508-7f56-a3a5-1382f1a4dd9c",
                        "fromProperty": "result",
                        "toId": "05677ee8-93e0-5990-c389-226611888ede",
                        "toProperty": "input 2"
                    },
                    {
                        "fromId": "16b577c6-8508-7f56-a3a5-1382f1a4dd9c",
                        "fromProperty": "result",
                        "toId": "c77927ba-5f9c-9997-0a26-63dd8491809e",
                        "toProperty": "maxPos"
                    },
                    {
                        "fromId": "c77927ba-5f9c-9997-0a26-63dd8491809e",
                        "fromProperty": "result",
                        "toId": "05677ee8-93e0-5990-c389-226611888ede",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "16b577c6-8508-7f56-a3a5-1382f1a4dd9c",
                        "fromProperty": "result",
                        "toId": "16ebd4c8-a4b1-53b1-1735-249615d87ad8",
                        "toProperty": "maxX"
                    },
                    {
                        "fromId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "fromProperty": "positionX",
                        "toId": "16ebd4c8-a4b1-53b1-1735-249615d87ad8",
                        "toProperty": "x"
                    },
                    {
                        "fromId": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                        "fromProperty": "positionX",
                        "toId": "1975b961-54f7-61e5-636c-296d6e521c01",
                        "toProperty": "width"
                    }
                ],
                "roots": [
                    {
                        "id": "5d6ef913-8793-3005-377b-8892268538b5",
                        "type": "String Selector",
                        "x": -180.1559219852744,
                        "y": 565.3570676956031,
                        "parameters": {
                            "input 0": "Within 2 hours",
                            "input 1": "Today",
                            "input 2": "Within 2 days"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bfdf6416-fda8-9416-d52d-947611516102",
                        "type": "String Selector",
                        "x": 2.003928498001926,
                        "y": 871.3009335391215,
                        "parameters": {
                            "input 0": "Now",
                            "input 1": "Today",
                            "input 2": "Later"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4cd96294-9239-1a77-a3a7-c0849189a384",
                        "type": "Event Sender",
                        "x": -262.40360122394054,
                        "y": 960.8982391256895,
                        "parameters": {
                            "channelName": "Time filter on"
                        },
                        "ports": [
                            {
                                "name": "text",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f89fbc89-a62f-c024-1345-65b8752f4e5b",
                        "type": "Component Inputs",
                        "x": 3.483261479857674,
                        "y": 29.8670164656844,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "80ad4b2c-146b-6952-bd53-b74ebe30c4bb",
                        "type": "Component Outputs",
                        "x": 649.3436542871539,
                        "y": 8.724940244978939,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "75760dc9-1752-0b93-e3c5-77ae241fe83f",
                        "type": "Javascript2",
                        "x": 1008.5121725233992,
                        "y": 794.1256074895023,
                        "parameters": {
                            "code": "\nconst numStates = 3;\n\ndefine({\n\tinputs:{\n\t    dragEnded:'signal',\n\t    dragMove:'signal',\n\t    onShow: 'signal',\n\t    maxDragX: 'number',\n\t    dragX: 'number',\n\t    dragXChanged: 'signal'\n\t},\n\toutputs:{\n\t    selectedState: 'number',\n\t    dragSnapX: 'number',\n\t    dragSnapDo: 'signal',\n\t    lineWidth: 'number'\n\t},\n\tonShow:function(inputs,outputs) {\n\t    outputs.selectedState = 0;\n\t    outputs.lineWidth = 0;\n\t},\n\tdragXChanged: function(inputs,outputs) {\n\t    outputs.lineWidth = inputs.dragX;\n\t},\n\tdragMove:function(inputs,outputs) {\n\t    const pos = inputs.dragX / inputs.maxDragX;\n\t    \n\t    let newState = Math.round(pos * (numStates-1));\n\t    \n\t    if(outputs.selectedState !== newState) {\n\t        outputs.selectedState = newState;\n\t    }\n\t},\n\tdragEnded:function(inputs,outputs) {\n\t\toutputs.dragSnapX = outputs.selectedState / (numStates-1) * inputs.maxDragX;\n\t\tthis.sendSignalOnOutput('dragSnapDo');\n\t},\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "dragEnded",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "dragMove",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "onShow",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "maxDragX",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "dragX",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "dragXChanged",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 7
                            },
                            {
                                "name": "selectedState",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "dragSnapX",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 9
                            },
                            {
                                "name": "dragSnapDo",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "lineWidth",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "16b577c6-8508-7f56-a3a5-1382f1a4dd9c",
                        "type": "Expression",
                        "label": "Max X Pos",
                        "x": 1225.8240872780652,
                        "y": 1124.7655448127848,
                        "parameters": {
                            "expression": "width-size",
                            "size": 50
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "width",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "size",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8a46de23-a3c6-7dc7-10c9-7131a17bd36e",
                        "type": "Value Changed",
                        "x": 1125.504991187243,
                        "y": 1375.5292527634585,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c24e65a7-dffc-0b3e-0f71-444642bb3e08",
                        "type": "/Search/filter popups/Filter Popup",
                        "x": 350.05775572256806,
                        "y": -78.43431373280711,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1bfe5591-dc48-27ff-2653-0869d2731135",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0c50202a-fb51-338d-b9ea-07bb2a376247",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "7b67e1bf-73d7-6653-4587-793769d4b770",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "textAlign": "center",
                                                    "text": "When do you want it?",
                                                    "fontFamily": "fonts/Bogle-Bold.otf"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "d433f0bd-9a46-117c-9bcc-47bde41e0d9b",
                                        "type": "Group",
                                        "x": 387,
                                        "y": 652,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "a4ed6ab2-678e-db4b-3085-bbbe8feac508",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "textAlign": "center",
                                                    "text": "Within 1 hour",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "2a44be39-47f1-cbef-7c8f-d8ea670c282b",
                                        "type": "Group",
                                        "label": "Timeline",
                                        "x": 20,
                                        "y": 302,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 11,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 11,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "75dff7b7-961a-5cd2-7fa9-06d39ed3461b",
                                                "type": "Group",
                                                "label": "Line",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "marginLeft": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 18,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "b7216d99-6955-bb78-a76e-193998fa7040",
                                                        "type": "Group",
                                                        "label": "line",
                                                        "x": 430.05775572256806,
                                                        "y": 503.56568626719286,
                                                        "parameters": {
                                                            "backgroundColor": "#E7E9EE",
                                                            "height": {
                                                                "value": 6,
                                                                "unit": "px"
                                                            },
                                                            "position": "absolute",
                                                            "marginTop": {
                                                                "value": 6,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "marginLeft": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "1975b961-54f7-61e5-636c-296d6e521c01",
                                                        "type": "Group",
                                                        "label": "filled line",
                                                        "x": 430.05775572256806,
                                                        "y": 564.5656862671929,
                                                        "parameters": {
                                                            "backgroundColor": "#0071CE",
                                                            "height": {
                                                                "value": 6,
                                                                "unit": "px"
                                                            },
                                                            "position": "absolute",
                                                            "marginTop": {
                                                                "value": 6,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "marginLeft": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "width": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "58bf1f82-dd42-b46b-ba02-2b97c7d25ea5",
                                                        "type": "Group",
                                                        "label": "Items",
                                                        "x": 20,
                                                        "y": 219,
                                                        "parameters": {
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "6cafe533-b33a-993d-5c27-0a96b03f1a16",
                                                                "type": "Group",
                                                                "label": "Hour item",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "4662a6ae-7ce1-1aa6-0b7d-8be7997ffc9a",
                                                                        "type": "Circle",
                                                                        "x": 20,
                                                                        "y": 61,
                                                                        "parameters": {
                                                                            "size": 14,
                                                                            "position": "relative",
                                                                            "marginTop": {
                                                                                "value": 2,
                                                                                "unit": "px"
                                                                            },
                                                                            "fillColor": "#0071CE",
                                                                            "alignY": "center"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "1b0c8e87-3d07-2148-004b-c33f5cb3d63c",
                                                                        "type": "Text",
                                                                        "x": 20,
                                                                        "y": 107,
                                                                        "parameters": {
                                                                            "text": "Within 2 hours",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 14,
                                                                                "unit": "px"
                                                                            },
                                                                            "sizeMode": "contentSize",
                                                                            "marginTop": {
                                                                                "value": 13,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "f65a4913-707c-26c3-2b7b-d87e6cd85e55",
                                                                        "type": "Group",
                                                                        "x": 482.3664419997851,
                                                                        "y": 729.7151838043682,
                                                                        "parameters": {
                                                                            "width": {
                                                                                "value": 100,
                                                                                "unit": "px"
                                                                            },
                                                                            "height": {
                                                                                "value": 100,
                                                                                "unit": "px"
                                                                            },
                                                                            "alignY": "center",
                                                                            "position": "absolute",
                                                                            "transformX": {
                                                                                "value": -25,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "516bf2af-548a-5b45-7607-e88786b95d3c",
                                                                "type": "Group",
                                                                "label": "Hour item",
                                                                "x": 20,
                                                                "y": 296,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "center",
                                                                    "position": "absolute"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "04142d77-a94e-d12f-8399-7812a163af9d",
                                                                        "type": "Circle",
                                                                        "x": 20,
                                                                        "y": 61,
                                                                        "parameters": {
                                                                            "size": 14,
                                                                            "position": "relative",
                                                                            "marginTop": {
                                                                                "value": 2,
                                                                                "unit": "px"
                                                                            },
                                                                            "fillColor": "#0071CE",
                                                                            "alignY": "center",
                                                                            "alignX": "center"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "806ef2e3-cd1a-03ad-835a-1b3187e51ef2",
                                                                        "type": "Text",
                                                                        "x": 20,
                                                                        "y": 143,
                                                                        "parameters": {
                                                                            "text": "Today",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 14,
                                                                                "unit": "px"
                                                                            },
                                                                            "sizeMode": "contentSize",
                                                                            "marginTop": {
                                                                                "value": 13,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "b6e0a0d2-12b3-0980-7fb9-c15de3f794d5",
                                                                        "type": "Group",
                                                                        "x": 20,
                                                                        "y": 153,
                                                                        "parameters": {
                                                                            "width": {
                                                                                "value": 100,
                                                                                "unit": "px"
                                                                            },
                                                                            "height": {
                                                                                "value": 100,
                                                                                "unit": "px"
                                                                            },
                                                                            "alignY": "center",
                                                                            "position": "absolute",
                                                                            "alignX": "center"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "0f7e04f7-95be-649a-62bd-356ac1803c71",
                                                                "type": "Group",
                                                                "label": "Hour item",
                                                                "x": 479.22732850018747,
                                                                "y": 732.7243316250505,
                                                                "parameters": {
                                                                    "sizeMode": "contentSize",
                                                                    "position": "absolute",
                                                                    "alignX": "right"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "6488fd10-1fe2-6a16-96f3-809f45be5625",
                                                                        "type": "Circle",
                                                                        "x": 20,
                                                                        "y": 61,
                                                                        "parameters": {
                                                                            "size": 14,
                                                                            "position": "relative",
                                                                            "marginTop": {
                                                                                "value": 2,
                                                                                "unit": "px"
                                                                            },
                                                                            "fillColor": "#E7E9EE",
                                                                            "alignY": "center",
                                                                            "alignX": "right",
                                                                            "marginLeft": {
                                                                                "value": 0,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "ddb4c737-d43e-ff0e-2e4d-9c16aa0a9cfa",
                                                                        "type": "Text",
                                                                        "x": 20,
                                                                        "y": 107,
                                                                        "parameters": {
                                                                            "text": "Within 2 days",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 14,
                                                                                "unit": "px"
                                                                            },
                                                                            "sizeMode": "contentSize",
                                                                            "alignX": "center",
                                                                            "textAlign": "center",
                                                                            "marginTop": {
                                                                                "value": 13,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "946d7bc5-567d-cded-607f-633a8175922d",
                                                                        "type": "Group",
                                                                        "x": 477.7506846458288,
                                                                        "y": 997.0254852820631,
                                                                        "parameters": {
                                                                            "width": {
                                                                                "value": 100,
                                                                                "unit": "px"
                                                                            },
                                                                            "height": {
                                                                                "value": 80,
                                                                                "unit": "px"
                                                                            },
                                                                            "alignY": "center",
                                                                            "position": "absolute",
                                                                            "transformX": {
                                                                                "value": 10,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "4ec67fd0-5b8c-d8e2-8945-6776a0252b5d",
                                                "type": "Drag",
                                                "x": 20,
                                                "y": 683,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "019bf753-eea3-f635-2208-6943b54597b6",
                                                        "type": "Group",
                                                        "label": "Touch Target",
                                                        "x": 20,
                                                        "y": 142,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "width": {
                                                                "value": 50,
                                                                "unit": "px"
                                                            },
                                                            "height": {
                                                                "value": 50,
                                                                "unit": "px"
                                                            },
                                                            "position": "absolute",
                                                            "marginTop": {
                                                                "value": -14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "a6a2911c-f14f-27e3-df6f-9a270f94ccec",
                                                                "type": "Circle",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "size": 28,
                                                                    "fillColor": "white",
                                                                    "strokeEnabled": true,
                                                                    "strokeWidth": 4,
                                                                    "strokeColor": "#0071CE",
                                                                    "marginBottom": {
                                                                        "value": 0,
                                                                        "unit": "px"
                                                                    },
                                                                    "alignX": "center",
                                                                    "alignY": "center",
                                                                    "position": "absolute"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "b628784e-f6be-3a43-124c-3c082eaae801",
                        "type": "Signal To Index",
                        "x": 109.91015659910283,
                        "y": 1066.6905941268265,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "05677ee8-93e0-5990-c389-226611888ede",
                        "type": "Number Blend",
                        "x": -10.099534603763516,
                        "y": 1295.939876039994,
                        "parameters": {
                            "input 0": 0
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "892c0e18-75f5-d2db-4e06-ea248a12d3cd",
                        "type": "Color Blend",
                        "x": 753.678273832689,
                        "y": 1053.8742972471077,
                        "parameters": {
                            "color 0": "#E7E9EE",
                            "color 1": "#0071CE"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "16ebd4c8-a4b1-53b1-1735-249615d87ad8",
                        "type": "Expression",
                        "x": 1010.622099869595,
                        "y": 1090.8003560787588,
                        "parameters": {
                            "expression": "x/maxX >= 0.5"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "x",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "maxX",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c77927ba-5f9c-9997-0a26-63dd8491809e",
                        "type": "Expression",
                        "x": -57.61427163926754,
                        "y": 1523.3973761709813,
                        "parameters": {
                            "expression": "maxPos / 2",
                            "size": 50
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "maxPos",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Search Page - Results",
            "graph": {
                "connections": [
                    {
                        "fromId": "a917334e-86a9-896f-5076-fa1a62b74cf9",
                        "fromProperty": "Search String",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "searchString"
                    },
                    {
                        "fromId": "7e108e40-7ad0-8937-dbee-90c0620dc5df",
                        "fromProperty": "timerFinished",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "doSearch"
                    },
                    {
                        "fromId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "fromProperty": "resultCollection",
                        "toId": "5f1535fd-2c30-1ed0-3b01-2364f82a6630",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on time",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "timeFilterEnabled"
                    },
                    {
                        "fromId": "86904076-77b8-4db7-61e0-6c66d7aceacc",
                        "fromProperty": "text",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "timeFilterValue"
                    },
                    {
                        "fromId": "9f74af1a-9885-2fd6-b17d-0820c8df302b",
                        "fromProperty": "rating",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "ratingFilterValue"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on ratings",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "ratingFilterEnabled"
                    },
                    {
                        "fromId": "3a517542-9299-931a-3d68-cb3d28d0baa9",
                        "fromProperty": "low",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "priceFilterLow"
                    },
                    {
                        "fromId": "3a517542-9299-931a-3d68-cb3d28d0baa9",
                        "fromProperty": "hight",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "priceFilterHigh"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on price",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "priceFilterEnabled"
                    },
                    {
                        "fromId": "269834e3-a7ae-eed2-10a1-adfe848030c8",
                        "fromProperty": "Mounted",
                        "toId": "274ac177-5f15-a126-2fa1-41a67bca759d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "a917334e-86a9-896f-5076-fa1a62b74cf9",
                        "fromProperty": "Do Search",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "doSearch"
                    },
                    {
                        "fromId": "500b0e3c-0fe4-0aa6-5d66-db6c6c12983e",
                        "fromProperty": "this",
                        "toId": "4310e644-7834-e4bc-bfab-967a936f9b31",
                        "toProperty": "group"
                    },
                    {
                        "fromId": "500b0e3c-0fe4-0aa6-5d66-db6c6c12983e",
                        "fromProperty": "didMount",
                        "toId": "4310e644-7834-e4bc-bfab-967a936f9b31",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "86904076-77b8-4db7-61e0-6c66d7aceacc",
                        "fromProperty": "eventReceived",
                        "toId": "1fb54750-835f-f2e8-62cd-68ebc2709971",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "9f74af1a-9885-2fd6-b17d-0820c8df302b",
                        "fromProperty": "eventReceived",
                        "toId": "1fb54750-835f-f2e8-62cd-68ebc2709971",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "3a517542-9299-931a-3d68-cb3d28d0baa9",
                        "fromProperty": "eventReceived",
                        "toId": "1fb54750-835f-f2e8-62cd-68ebc2709971",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "1fb54750-835f-f2e8-62cd-68ebc2709971",
                        "fromProperty": "timerFinished",
                        "toId": "7e108e40-7ad0-8937-dbee-90c0620dc5df",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter changed",
                        "toId": "1fb54750-835f-f2e8-62cd-68ebc2709971",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on price",
                        "toId": "f78bf2e1-49c6-8b17-921d-4e7ed26f93a6",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on ratings",
                        "toId": "5a69b64f-2c03-6390-14a4-ea0158c6e343",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on time",
                        "toId": "1c2caa02-c4aa-6802-9721-b1f9f76ae309",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "fromProperty": "horizontalViewsCollection",
                        "toId": "43dee16d-5143-f77c-1840-fe25c2da1775",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "fromProperty": "resultString",
                        "toId": "6d4b9356-a428-87b5-dce2-fd08bf4904e9",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "9019bbb6-638c-ec83-b460-db46097a7174",
                        "fromProperty": "count",
                        "toId": "8dae33b8-00c5-fd2b-0210-ad7f2b5d4302",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "9019bbb6-638c-ec83-b460-db46097a7174",
                        "fromProperty": "items",
                        "toId": "d949fb31-f576-423c-f285-54e3fc4c17e5",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "9019bbb6-638c-ec83-b460-db46097a7174",
                        "fromProperty": "items",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "reformulationCollection"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on pickup",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "timeFilterEnabled"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on pickup",
                        "toId": "0705ffa1-ff94-adb3-837f-226d1c5a01f8",
                        "toProperty": "FilterOnPickup"
                    },
                    {
                        "fromId": "0705ffa1-ff94-adb3-837f-226d1c5a01f8",
                        "fromProperty": "result",
                        "toId": "27f25137-53b6-8679-0d11-b6acce168cfd",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "27f25137-53b6-8679-0d11-b6acce168cfd",
                        "fromProperty": "currentState",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "timeFilterValue"
                    },
                    {
                        "fromId": "269834e3-a7ae-eed2-10a1-adfe848030c8",
                        "fromProperty": "Mounted",
                        "toId": "c1cd5376-1a2c-fccc-b4fc-c66e4dbc5e80",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "fromProperty": "horizontalViewsCollection",
                        "toId": "c1cd5376-1a2c-fccc-b4fc-c66e4dbc5e80",
                        "toProperty": "searchData"
                    },
                    {
                        "fromId": "c1cd5376-1a2c-fccc-b4fc-c66e4dbc5e80",
                        "fromProperty": "maxPrize",
                        "toId": "65a8e80e-0c96-3439-3574-e8f910013500",
                        "toProperty": "maxPrice"
                    },
                    {
                        "fromId": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                        "fromProperty": "filter on price",
                        "toId": "c1cd5376-1a2c-fccc-b4fc-c66e4dbc5e80",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "fromProperty": "resultCollection",
                        "toId": "c1cd5376-1a2c-fccc-b4fc-c66e4dbc5e80",
                        "toProperty": "anotherSearchData"
                    },
                    {
                        "fromId": "069a523a-1b1c-c429-2577-4a461e3b87a4",
                        "fromProperty": "itemId",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "categoryModelId"
                    },
                    {
                        "fromId": "069a523a-1b1c-c429-2577-4a461e3b87a4",
                        "fromProperty": "actionTriggered",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "categorySelected"
                    },
                    {
                        "fromId": "7a6edd60-ee66-e29b-27b2-bc1ca4eedf8f",
                        "fromProperty": "Do Category Search",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "categorySelected"
                    },
                    {
                        "fromId": "7a6edd60-ee66-e29b-27b2-bc1ca4eedf8f",
                        "fromProperty": "Category Model Id",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "categoryModelId"
                    },
                    {
                        "fromId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "fromProperty": "noResultsWithFilter",
                        "toId": "1cf48829-15e9-2df7-be09-233daf8828bc",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "3bc5d468-e166-bb7f-0c99-2fa20390d31b",
                        "fromProperty": "eventReceived",
                        "toId": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "toProperty": "clearCategoryFilter"
                    },
                    {
                        "fromId": "c153d43e-fb3d-2e01-655d-fcfada638633",
                        "fromProperty": "this",
                        "toId": "190127ea-e3df-cbca-6b44-ab8f7355072d",
                        "toProperty": "group"
                    },
                    {
                        "fromId": "c153d43e-fb3d-2e01-655d-fcfada638633",
                        "fromProperty": "didMount",
                        "toId": "190127ea-e3df-cbca-6b44-ab8f7355072d",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "2567c8f1-13c9-1f6f-4f1c-998fec31e555",
                        "type": "Javascript2",
                        "x": 598.3835823612835,
                        "y": 836.7033880207733,
                        "parameters": {
                            "code": "define({\n    inputs:{\n        searchString:'string',\n        doSearch: 'signal',\n        timeFilterEnabled: 'boolean',\n        timeFilterValue: 'string',\n        ratingFilterEnabled: 'boolean',\n        ratingFilterValue: 'string',\n        priceFilterEnabled: 'boolean',\n        priceFilterLow: 'number',\n        priceFilterHigh: 'number',\n        reformulationCollection: 'collection',\n        categorySelected: \"signal\",\n        categoryModelId: \"string\",\n        clearCategoryFilter: 'signal'\n    },\n    \n    outputs:{\n        resultCollection: 'collection',\n        didSearch: 'signal',\n        horizontalViewsCollection: 'collection',\n        resultString: 'string',\n        noResultsWithFilter: 'boolean',\n        currentCategoryFilter: 'string',\n    },\n    setup: function(inputs, outputs) {\n        outputs.resultCollection = Noodl.Collection.get();\n        outputs.horizontalViewsCollection = Noodl.Collection.get();\n        \n        this.filterProducts = function(inputs, products) {\n             //filter on time\n            if(inputs.timeFilterEnabled) {\n                let timeFilter = 0;\n                if(inputs.timeFilterValue === \"Today\") {\n                    timeFilter = 1;\n                }\n                else if(inputs.timeFilterValue === \"Later\") {\n                    timeFilter = 2;\n                }\n            \n                products = products.filter(p => {\n                    return p.shippingTime <= timeFilter;\n                });\n            }\n            \n            //filter on ratings\n            if(inputs.ratingFilterEnabled) {\n               let rating = inputs.ratingFilterValue || 0;\n               products = products.filter(p => {\n                    return p.reviews && p.reviews.customerRating >= rating;\n                });\n            }\n            \n            //filter on price\n            if(inputs.priceFilterEnabled) {\n               products = products.filter(p => {\n                    return p.price >= inputs.priceFilterLow && p.price <= inputs.priceFilterHigh;\n                });\n            }\n            \n            return products;\n        }\n        \n        this.doSearch = function(inputs, outputs) {\n            this.sendSignalOnOutput(\"didSearch\");\n        \n            const queryResult = wallyExecuteSearchQuery(inputs.searchString);\n\n            //reformulation filters\n            inputs.reformulationCollection.set(queryResult.reformulation);\n            \n            //horizonal views\n            let horizontalViews = queryResult.horizontalViews\n                .map(view => {\n                    return {\n                        items: this.filterProducts(inputs, view.items),\n                        label: view.label,\n                        category: view.category\n                    }\n                })\n                .filter(view => view.items.length > 0);\n                \n            let verticalListProducts = []; //2 column list\n            \n            if(horizontalViews.length && this.categoryFilter) {\n                //scripted category search, just pick the right horizontal list\n                const selectedHorizontalView = horizontalViews.find(view => view.category === this.categoryFilter);\n                \n                if(selectedHorizontalView) {\n                    // ---- Implemented as it looks in adams sketch example\n                    // const otherViews = horizontalViews.filter(view => view !== selectedHorizontalView);\n                    // horizontalViews = [selectedHorizontalView];\n                    \n                    // otherViews.forEach(view => {\n                    //   verticalListProducts = verticalListProducts.concat(view.items);     \n                    // });\n                    \n                    // ---- Implemented as discussed with Rahul, 2-column result only\n                    verticalListProducts = selectedHorizontalView.items;\n                }\n                horizontalViews = [];\n            }\n            else {\n                //2-column search results\n                verticalListProducts = this.filterProducts(inputs, queryResult.products);\n                \n                if(this.categoryFilter) {\n\n                    if(queryResult.generatedReformulation) {\n                        //unscripted queries with generated category filters\n                        verticalListProducts = verticalListProducts.filter(product => {\n                            return product.category && product.category.path.some(p => p.name.includes(this.categoryFilter));\n                        });\n                    }\n                    else {\n                        \n                        //scripted query without specified category items, do title string matching\n                        verticalListProducts = verticalListProducts.filter(product => product.title.toLowerCase().includes(this.categoryFilter.toLowerCase()));\n                    }\n                }\n            }\n            \n            \n            outputs.horizontalViewsCollection.set(horizontalViews);\n            outputs.resultCollection.set(verticalListProducts.slice(0, 15));\n            \n            \n            //result string\n            if(verticalListProducts.length === 0 && horizontalViews.length === 0) {\n                outputs.resultString = \"No results for \";\n            }\n            else if(verticalListProducts.length > 0 && horizontalViews.length) {\n                outputs.resultString = \"More results for \";\n            }\n            else if(verticalListProducts.length > 0 && horizontalViews.length === 0) {\n                outputs.resultString = \"Results for \";\n            }\n            \n            outputs.resultString += '\"' + inputs.searchString + '\"';\n            \n            if(verticalListProducts.length === 0 && horizontalViews.length > 0) {\n                outputs.resultString = \"\";\n            }\n\n            const filterApplied = this.categoryFilter || inputs.timeFilterEnabled || inputs.ratingFilterEnabled || inputs.priceFilterEnabled;\n            const noResultsWithFilter = filterApplied && verticalListProducts.length === 0 && horizontalViews.length === 0;\n            \n            \n            //speacial case, no results due to filters\n            outputs.noResultsWithFilter = noResultsWithFilter;\n            if(noResultsWithFilter) {\n                queryResult.horizontalViews.forEach(view => {\n                    verticalListProducts = verticalListProducts.concat(view.items);\n                });\n                verticalListProducts = verticalListProducts.concat(queryResult.products);\n                outputs.resultCollection.set(verticalListProducts.slice(0, 15));\n                \n                outputs.resultString = \"More results for \" + '\"' + inputs.searchString + '\"';\n            }\n        }\n    },\n    doSearch:function(inputs,outputs) {\n        this.doSearch(inputs, outputs);\n    },\n    categorySelected: function(inputs, outputs) {\n        const categoryModel = Noodl.Model.get(inputs.categoryModelId);\n        \n        let categoryFilter = \"\";\n        \n        inputs.reformulationCollection.each(model => {\n            const itemTapped = inputs.categoryModelId === model.getId();\n            \n            if(itemTapped && model.get(\"selected\") === true) {\n                //deselect already selected item\n                model.set(\"selected\", false);    \n            }\n            else {\n                model.set(\"selected\", itemTapped);\n                if(itemTapped) {\n                    categoryFilter = model.getId();\n                }\n            }\n            \n        });\n        \n        this.categoryFilter = categoryFilter;\n        outputs.currentCategoryFilter = categoryFilter;\n        \n        this.doSearch(inputs, outputs);\n    },\n    clearCategoryFilter: function(inputs, outputs) {\n        this.categoryFilter = \"\";\n        inputs.reformulationCollection.each(model => {\n            model.set(\"selected\", false);\n        })\n    }\n    \n})"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "searchString",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "doSearch",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "timeFilterEnabled",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "timeFilterValue",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "ratingFilterEnabled",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "ratingFilterValue",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 7
                            },
                            {
                                "name": "priceFilterEnabled",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 8
                            },
                            {
                                "name": "priceFilterLow",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 9
                            },
                            {
                                "name": "priceFilterHigh",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 10
                            },
                            {
                                "name": "reformulationCollection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 11
                            },
                            {
                                "name": "categorySelected",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 12
                            },
                            {
                                "name": "categoryModelId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 13
                            },
                            {
                                "name": "clearCategoryFilter",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 14
                            },
                            {
                                "name": "resultCollection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 15
                            },
                            {
                                "name": "didSearch",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 16
                            },
                            {
                                "name": "horizontalViewsCollection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 17
                            },
                            {
                                "name": "resultString",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 18
                            },
                            {
                                "name": "noResultsWithFilter",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 19
                            },
                            {
                                "name": "currentCategoryFilter",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 20
                            }
                        ],
                        "conflicts": [],
                        "children": []
                    },
                    {
                        "id": "a917334e-86a9-896f-5076-fa1a62b74cf9",
                        "type": "Component Inputs",
                        "x": 547.0576142706166,
                        "y": 514.740673859296,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Search String",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Do Search",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7e108e40-7ad0-8937-dbee-90c0620dc5df",
                        "type": "Timer",
                        "label": "Trigger Seach",
                        "x": 254.87891530992573,
                        "y": 668.2750214022021,
                        "parameters": {
                            "duration": 0
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "86904076-77b8-4db7-61e0-6c66d7aceacc",
                        "type": "Event Receiver",
                        "x": 215.82590555735334,
                        "y": 925.0135136011604,
                        "parameters": {
                            "channelName": "Time filter on"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9f74af1a-9885-2fd6-b17d-0820c8df302b",
                        "type": "Event Receiver",
                        "x": 200.69959088289016,
                        "y": 1058.477363334496,
                        "parameters": {
                            "channelName": "ratings filter on"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3a517542-9299-931a-3d68-cb3d28d0baa9",
                        "type": "Event Receiver",
                        "x": 203.80602896515563,
                        "y": 1192.9689002835123,
                        "parameters": {
                            "channelName": "price filter on"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "269834e3-a7ae-eed2-10a1-adfe848030c8",
                        "type": "Component Inputs",
                        "x": 745.720965484435,
                        "y": 262.8602902474943,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "274ac177-5f15-a126-2fa1-41a67bca759d",
                        "type": "Group",
                        "x": 1042.021066778475,
                        "y": 263.5147850453626,
                        "parameters": {
                            "clip": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c044932c-afd6-f292-c822-d80515897d5b",
                                "type": "Group",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight",
                                    "scrollDirection": "x",
                                    "showScrollbar": false,
                                    "paddingTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "scrollBehavior": "noodl"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "66d0e991-64ac-7a07-11c7-fb0e7bde5e9f",
                                        "type": "/Search/Search pillbar",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "dfcd6d63-5824-6d1b-d291-e9294139e7c3",
                                "type": "/UI Components/Design System/Divider",
                                "x": 1062.021066778475,
                                "y": 533.5147850453626,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8dae33b8-00c5-fd2b-0210-ad7f2b5d4302",
                                "type": "Group",
                                "label": "Reformulation Suggestions",
                                "x": 20,
                                "y": 336,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "scrollBehavior": "noodl",
                                    "scrollDirection": "x",
                                    "showScrollbar": false,
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "20353004-8451-4c9e-9051-58fd8c8d8ee2",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "scrollBehavior": "noodl",
                                            "scrollDirection": "x",
                                            "sizeMode": "contentHeight",
                                            "showScrollbar": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d949fb31-f576-423c-f285-54e3fc4c17e5",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "template": "/Search/Category Button"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "c153d43e-fb3d-2e01-655d-fcfada638633",
                                "type": "Group",
                                "label": "Scroll",
                                "x": 20,
                                "y": 561,
                                "parameters": {
                                    "clip": true,
                                    "scrollBehavior": "noodl",
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": -10,
                                        "unit": "px"
                                    },
                                    "showScrollbar": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2314875a-fef8-8ac9-ac50-00c96088079d",
                                        "type": "Group",
                                        "label": "Horisontal views",
                                        "x": 20,
                                        "y": 117,
                                        "parameters": {
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "43dee16d-5143-f77c-1840-fe25c2da1775",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "template": "/Search/Search Results - Horizontal List"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "1cf48829-15e9-2df7-be09-233daf8828bc",
                                        "type": "Group",
                                        "label": "No Results Due to Filters",
                                        "x": 20,
                                        "y": 189,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "6061a5fd-cfa7-8655-0905-1d8e340a40b0",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 179,
                                                "parameters": {
                                                    "text": "Sorry we couldn’t find any matches for those filters\nbut here are some things we can get you:",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "textAlign": "center",
                                                    "marginTop": {
                                                        "value": 35,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 35,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "6d4b9356-a428-87b5-dce2-fd08bf4904e9",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 332,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "text": ""
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "500b0e3c-0fe4-0aa6-5d66-db6c6c12983e",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 485,
                                        "parameters": {
                                            "clip": false,
                                            "flexWrap": "wrap",
                                            "flexDirection": "row",
                                            "position": "relative",
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "style": "{\n    maxWidth: '375px',\n}",
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "alignX": "center",
                                            "paddingBottom": {
                                                "value": 60,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "5f1535fd-2c30-1ed0-3b01-2364f82a6630",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 102,
                                                "parameters": {
                                                    "template": "/Search/Seach List Items/Search Item - More Results"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "bc41fb2c-dccd-4d0b-b1cc-0ac455d41390",
                                        "type": "Group",
                                        "label": "Bottom padding",
                                        "x": 20,
                                        "y": 598,
                                        "parameters": {
                                            "height": {
                                                "value": 40,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "4310e644-7834-e4bc-bfab-967a936f9b31",
                        "type": "Javascript2",
                        "label": "padding",
                        "x": 1366.9147291003283,
                        "y": 1224.4215407439742,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    mounted:'signal',\n\t    group: 'reference'\n\t},\n\t\n\t\n\t// This function will be called when any of the inputs have changed\n\tmounted:function(inputs,outputs) {\n\t\tconst domNode = ReactDOM.findDOMNode(inputs.group.getRef());\n\t\tif(!domNode) return;\n\t\t\n// \t\tif(domNode.children[0]) {\n// \t\t    domNode.children[0].style.justifyContent = \"space-between\";\n// \t\t}\n// \t\telse {\n\t\t    domNode.style.justifyContent = \"space-between\";\n// \t\t}\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "mounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "group",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1fb54750-835f-f2e8-62cd-68ebc2709971",
                        "type": "Timer",
                        "label": "Wait for modal animation",
                        "x": 237.30663752719863,
                        "y": 786.721415644952,
                        "parameters": {
                            "duration": 500
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f78bf2e1-49c6-8b17-921d-4e7ed26f93a6",
                        "type": "Event Sender",
                        "x": 1343.4170129348806,
                        "y": 363.9465165358806,
                        "parameters": {
                            "channelName": "Show Filter On Price"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5a69b64f-2c03-6390-14a4-ea0158c6e343",
                        "type": "Event Sender",
                        "x": 1359.822711407685,
                        "y": 475.5784049486713,
                        "parameters": {
                            "channelName": "Show Filter On Ratings"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1c2caa02-c4aa-6802-9721-b1f9f76ae309",
                        "type": "Event Sender",
                        "x": 1352.0059856165826,
                        "y": 605.4434436613939,
                        "parameters": {
                            "channelName": "Show Filter On Time"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9019bbb6-638c-ec83-b460-db46097a7174",
                        "type": "Collection",
                        "x": 854.4178508774417,
                        "y": 746.2636175437063,
                        "parameters": {
                            "collectionId": "Reformulation"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "27f25137-53b6-8679-0d11-b6acce168cfd",
                        "type": "States",
                        "label": "No modal for Pickup",
                        "x": 512.9349356256895,
                        "y": 629.3603849275656,
                        "parameters": {
                            "states": "Later,Today"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Later Transition",
                                "name": "transition-Later",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Later Transition",
                                "name": "duration-Later",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Later",
                                "name": "to-Later",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Later",
                                "name": "at-Later",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Later",
                                "name": "reached-Later",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Today Transition",
                                "name": "transition-Today",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Today Transition",
                                "name": "duration-Today",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Today",
                                "name": "to-Today",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Today",
                                "name": "at-Today",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Today",
                                "name": "reached-Today",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Later",
                                        "Today"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Later",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0705ffa1-ff94-adb3-837f-226d1c5a01f8",
                        "type": "Expression",
                        "x": 702.2514108582867,
                        "y": 610.1729043296667,
                        "parameters": {
                            "expression": "FilterOnPickup == true ? 'Today' : 'Later'"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "FilterOnPickup",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c1cd5376-1a2c-fccc-b4fc-c66e4dbc5e80",
                        "type": "Javascript2",
                        "label": "Maxprize from search",
                        "x": 497.5475685197406,
                        "y": 302.65155657405035,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    refresh:'signal',\n\t    searchData:'collection',\n\t    anotherSearchData:'collection',\n\t},\n\n\toutputs:{\n        maxPrize: 'number',\n\n\t},\n\n\n\trefresh:function(inputs,outputs) {\n        outputs.maxPrize = 10;\n        console.log(inputs.searchData.items.length);\n        console.log(inputs.anotherSearchData.items.length);\n        \n        if (inputs.searchData.items.length > 0) {\n            inputs.searchData.items.forEach(element => {\n    \n                element.data.items.forEach(e => { \n                    outputs.maxPrize = Math.max(e.price, outputs.maxPrize);\n                    console.log(e.price);\n                });\n            });\n        }\n       \t\n       \tif (inputs.anotherSearchData.items.length > 0) {\n       \t    console.log(inputs.anotherSearchData.items)\n           \tinputs.anotherSearchData.items.forEach(element => {\n                outputs.maxPrize = Math.max(element.data.price, outputs.maxPrize);\n            });\n       \t}\n \t},\n\t\n\tchange:function(inputs,outputs) {\n\t\t//console.log(inputs.searchData);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "searchData",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "anotherSearchData",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "maxPrize",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "65a8e80e-0c96-3439-3574-e8f910013500",
                        "type": "Globals",
                        "x": 407.9545560937738,
                        "y": 215.2237964815832,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "maxPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "069a523a-1b1c-c429-2577-4a461e3b87a4",
                        "type": "On Item Action",
                        "x": 219.48684330783942,
                        "y": 1356.3766174716125,
                        "parameters": {
                            "actionName": "Category Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7a6edd60-ee66-e29b-27b2-bc1ca4eedf8f",
                        "type": "Component Inputs",
                        "x": 853.0150337896225,
                        "y": 1291.5362004131855,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Do Category Search",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Category Model Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3bc5d468-e166-bb7f-0c99-2fa20390d31b",
                        "type": "Event Receiver",
                        "x": 601.0470775922372,
                        "y": 1310.279058399829,
                        "parameters": {
                            "channelName": "Clear Filters"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "190127ea-e3df-cbca-6b44-ab8f7355072d",
                        "type": "Javascript2",
                        "x": 1415.6406263012689,
                        "y": 862.8812370258951,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    group: 'reference',\n\t    mounted: 'signal'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tmounted:function(inputs,outputs) {\n\t    \n\t    const ref = inputs.group.innerReactComponentRef;\n\t\tif(ref.iScroll) ref.iScroll.options.useTransition = false;\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "group",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "mounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Search Page - Typeahead",
            "graph": {
                "connections": [
                    {
                        "fromId": "fd185e3e-d875-0df3-eb1c-c871c1f3b02f",
                        "fromProperty": "Search String",
                        "toId": "db1fe0dc-786d-3b9c-314d-d382a53cfeb9",
                        "toProperty": "searchString"
                    },
                    {
                        "fromId": "178c198d-4cef-0e45-1cb9-01e23ac1a8b3",
                        "fromProperty": "timerFinished",
                        "toId": "db1fe0dc-786d-3b9c-314d-d382a53cfeb9",
                        "toProperty": "doSearch"
                    },
                    {
                        "fromId": "71dabc09-88bb-7d43-2f5b-1f9319260104",
                        "fromProperty": "Mounted",
                        "toId": "6e21cee3-19e4-ab24-f45d-26e4cef1f91b",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "fd185e3e-d875-0df3-eb1c-c871c1f3b02f",
                        "fromProperty": "Refresh Search",
                        "toId": "178c198d-4cef-0e45-1cb9-01e23ac1a8b3",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "b601766e-edde-f33c-1d22-447a8f5cfd88",
                        "fromProperty": "pointerDown",
                        "toId": "5bccb15f-7d64-9617-7ba4-da59ce5fbce1",
                        "toProperty": "hideKeyboard"
                    },
                    {
                        "fromId": "db1fe0dc-786d-3b9c-314d-d382a53cfeb9",
                        "fromProperty": "horizontalLists",
                        "toId": "186e6b90-56d4-1df6-ef78-0cd9089195d6",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "db1fe0dc-786d-3b9c-314d-d382a53cfeb9",
                        "fromProperty": "foundNoItems",
                        "toId": "084a7e6a-b24b-48e5-7ca8-2552ba5535b1",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "db1fe0dc-786d-3b9c-314d-d382a53cfeb9",
                        "fromProperty": "reformulationCollection",
                        "toId": "31f14544-5464-e6f1-844c-2eb6efe957e3",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "41ac57cc-637c-5f1a-814c-ccf275eb8477",
                        "fromProperty": "actionTriggered",
                        "toId": "e317bc37-ca54-6983-66dc-548147e0acf9",
                        "toProperty": "Do Category Search"
                    },
                    {
                        "fromId": "41ac57cc-637c-5f1a-814c-ccf275eb8477",
                        "fromProperty": "itemId",
                        "toId": "e317bc37-ca54-6983-66dc-548147e0acf9",
                        "toProperty": "Category Model Id"
                    },
                    {
                        "fromId": "db1fe0dc-786d-3b9c-314d-d382a53cfeb9",
                        "fromProperty": "foundNoItems",
                        "toId": "30a5d496-bf32-76d3-9628-d23d61276594",
                        "toProperty": "No Items Found"
                    }
                ],
                "roots": [
                    {
                        "id": "db1fe0dc-786d-3b9c-314d-d382a53cfeb9",
                        "type": "Javascript2",
                        "x": 770.0413240994251,
                        "y": 905.8745706181302,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    searchString:'string',\n\t    doSearch: 'signal',\n\t    horizontalLists: 'collection',\n\t},\n\t\n\toutputs:{\n\t    didSearch: 'signal',\n\t    horizontalLists: 'collection',\n\t    reformulationCollection: 'collection',\n\t    foundNoItems: 'boolean'\n\t},\n\tsetup: function(inputs, outputs) {\n\t    outputs.reformulationCollection = Noodl.Collection.get();\n\t    outputs.horizontalLists = Noodl.Collection.get();\n\t},\n\tdoSearch:function(inputs,outputs) {\n\t    \n        const queryResult = wallyExecuteSearchQuery(inputs.searchString);\n\t    \n\t    outputs.horizontalLists.set(queryResult.typeaheadViews);\n        outputs.reformulationCollection.set(queryResult.typeaheadSuggestions.map(item => {\n            item.searchstring = inputs.searchString;\n            return item;\n        }));\n        \n        outputs.foundNoItems = outputs.horizontalLists.size() === 0;\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "searchString",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "doSearch",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "horizontalLists",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "didSearch",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "horizontalLists",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "reformulationCollection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "foundNoItems",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            }
                        ],
                        "conflicts": [],
                        "children": []
                    },
                    {
                        "id": "fd185e3e-d875-0df3-eb1c-c871c1f3b02f",
                        "type": "Component Inputs",
                        "x": 780.5470575884344,
                        "y": 766.5335980045304,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Search String",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Refresh Search",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "178c198d-4cef-0e45-1cb9-01e23ac1a8b3",
                        "type": "Timer",
                        "label": "Trigger Seach",
                        "x": 443.3509685685632,
                        "y": 862.9870670204897,
                        "parameters": {
                            "duration": 300
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "71dabc09-88bb-7d43-2f5b-1f9319260104",
                        "type": "Component Inputs",
                        "x": 868.8950599270818,
                        "y": 465.7345807177805,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6e21cee3-19e4-ab24-f45d-26e4cef1f91b",
                        "type": "Group",
                        "x": 1257.2950680910337,
                        "y": 481.7390599939675,
                        "parameters": {
                            "clip": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "b601766e-edde-f33c-1d22-447a8f5cfd88",
                                "type": "Group",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "clip": true,
                                    "scrollBehavior": "noodl",
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7a57806d-e9d2-5ba9-36d7-41103507d08b",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 7,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "31f14544-5464-e6f1-844c-2eb6efe957e3",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "template": "/Search/Typeahead Item"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "7401c27f-3f38-bbda-b319-a27ed14c0bd8",
                                        "type": "Group",
                                        "label": "Horisontal views",
                                        "x": 20,
                                        "y": 210,
                                        "parameters": {
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "186e6b90-56d4-1df6-ef78-0cd9089195d6",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "template": "/Search/Search Typeahead - Horizontal List"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "084a7e6a-b24b-48e5-7ca8-2552ba5535b1",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 353,
                                        "parameters": {
                                            "mounted": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b2516860-da81-fec9-efbf-0ffa56bc7f83",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "srcSet": "images/search-no-results-cactus.png, images/search-no-results-cactus@2x.png 2x, images/search-no-results-cactus@3x.png 3x",
                                                    "alignX": "center",
                                                    "marginTop": {
                                                        "value": 22,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "5bccb15f-7d64-9617-7ba4-da59ce5fbce1",
                        "type": "Javascript2",
                        "x": 1556.905136261649,
                        "y": 566.4772406302559,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    hideKeyboard:'signal',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\thideKeyboard:function(inputs,outputs) {\n\t\tdocument.activeElement.blur();\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "hideKeyboard",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "41ac57cc-637c-5f1a-814c-ccf275eb8477",
                        "type": "On Item Action",
                        "x": 1750.2104546202472,
                        "y": 781.0011354972467,
                        "parameters": {
                            "actionName": "Do Category Search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e317bc37-ca54-6983-66dc-548147e0acf9",
                        "type": "Component Outputs",
                        "x": 1999.0308799525578,
                        "y": 787.7871470972188,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Do Category Search",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Category Model Id",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "30a5d496-bf32-76d3-9628-d23d61276594",
                        "type": "Component Outputs",
                        "x": 1018.4522037565885,
                        "y": 1128.2187290291527,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "No Items Found",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Seach List Items/Search Item Content",
            "graph": {
                "connections": [
                    {
                        "fromId": "3c4fa30e-cdba-d95c-60fc-ae0cdab231cc",
                        "fromProperty": "Click",
                        "toId": "1d369cae-e47e-c095-f133-6f733cdf095d",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "775b83c2-f337-aa59-f075-a1447671a70c",
                        "fromProperty": "Model Id",
                        "toId": "3c4fa30e-cdba-d95c-60fc-ae0cdab231cc",
                        "toProperty": "Model Id"
                    },
                    {
                        "fromId": "775b83c2-f337-aa59-f075-a1447671a70c",
                        "fromProperty": "Show Title",
                        "toId": "3c4fa30e-cdba-d95c-60fc-ae0cdab231cc",
                        "toProperty": "Show Title"
                    },
                    {
                        "fromId": "775b83c2-f337-aa59-f075-a1447671a70c",
                        "fromProperty": "Model Id",
                        "toId": "1d369cae-e47e-c095-f133-6f733cdf095d",
                        "toProperty": "itemId"
                    }
                ],
                "roots": [
                    {
                        "id": "1d369cae-e47e-c095-f133-6f733cdf095d",
                        "type": "Event Sender",
                        "x": 494.49961311606194,
                        "y": 459.20352986446676,
                        "parameters": {
                            "channelName": "Show Product Details"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "775b83c2-f337-aa59-f075-a1447671a70c",
                        "type": "Component Inputs",
                        "x": -215.45895902257894,
                        "y": 461.23473343081116,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Model Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Show Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3c4fa30e-cdba-d95c-60fc-ae0cdab231cc",
                        "type": "/UI Components/Product Tile Big",
                        "x": 151.23931065845227,
                        "y": 397.4368762834001,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Seach List Items/Search Item - More Results",
            "graph": {
                "connections": [
                    {
                        "fromId": "b62afc94-c0fc-688c-f8bb-7ceb17927c25",
                        "fromProperty": "itemId",
                        "toId": "00585383-a384-58e0-4899-5cfe29944902",
                        "toProperty": "Model Id"
                    }
                ],
                "roots": [
                    {
                        "id": "88cef2d7-681b-8cb6-d637-ff7d19acc843",
                        "type": "Group",
                        "x": 522.850872017641,
                        "y": 497.75003275836553,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "marginLeft": {
                                "value": 0,
                                "unit": "%"
                            },
                            "width": {
                                "value": 154,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 30,
                                "unit": "px"
                            },
                            "style": "{\n}",
                            "alignY": "bottom"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "00585383-a384-58e0-4899-5cfe29944902",
                                "type": "/Search/Seach List Items/Search Item Content",
                                "x": 20,
                                "y": 46,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "b62afc94-c0fc-688c-f8bb-7ceb17927c25",
                        "type": "For Each Actions",
                        "x": 229.9254360088205,
                        "y": 540,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Seach List Items/Search Item - Big Horizontal",
            "graph": {
                "connections": [
                    {
                        "fromId": "8528861f-4336-52c9-6c83-ec98682d8c25",
                        "fromProperty": "itemId",
                        "toId": "5ca9bced-a984-d755-d207-f4535dff53a0",
                        "toProperty": "Model Id"
                    }
                ],
                "roots": [
                    {
                        "id": "7cec5502-640f-51ef-c34b-972b2a99ebd5",
                        "type": "Group",
                        "x": 440.850872017641,
                        "y": 342,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "marginLeft": {
                                "value": 0,
                                "unit": "%"
                            },
                            "width": {
                                "value": 130,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 25,
                                "unit": "px"
                            },
                            "style": "{\n    flexGrow: 1,\n    alignSelf: 'stretch'\n}",
                            "alignY": "bottom"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5ca9bced-a984-d755-d207-f4535dff53a0",
                                "type": "/Search/Seach List Items/Search Item Content",
                                "x": 20,
                                "y": 46,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "8528861f-4336-52c9-6c83-ec98682d8c25",
                        "type": "For Each Actions",
                        "x": -72,
                        "y": 396.24996724163447,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Seach List Items/Search Item - Typeahead",
            "graph": {
                "connections": [
                    {
                        "fromId": "5c8d051d-01d3-3ddd-a416-5b903d0b14f9",
                        "fromProperty": "itemId",
                        "toId": "5293f6de-1450-89c1-8459-34e933e2180b",
                        "toProperty": "Model Id"
                    }
                ],
                "roots": [
                    {
                        "id": "f446123a-0afb-d57b-bc8f-a7bc1ee044da",
                        "type": "Group",
                        "x": 670.9063007239052,
                        "y": 310.7361356312816,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingBottom": {
                                "value": 5,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 5,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "marginRight": {
                                "value": 30,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "clip": false,
                            "width": {
                                "value": 130,
                                "unit": "px"
                            },
                            "alignY": "bottom"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5293f6de-1450-89c1-8459-34e933e2180b",
                                "type": "/Search/Seach List Items/Search Item Content",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "Show Title": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "5c8d051d-01d3-3ddd-a416-5b903d0b14f9",
                        "type": "For Each Actions",
                        "x": 400.22581979874735,
                        "y": 356.11329827847635,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Special Offers Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "f245dab1-f366-0d21-8661-4a638510b411",
                        "fromProperty": "StartTimer",
                        "toId": "3e498c66-1929-70bc-1684-939c88dfc4ed",
                        "toProperty": "mySignal"
                    },
                    {
                        "fromId": "3e498c66-1929-70bc-1684-939c88dfc4ed",
                        "fromProperty": "minutes",
                        "toId": "c61e13fc-434c-b75d-1aee-18cff8b7512c",
                        "toProperty": "min"
                    },
                    {
                        "fromId": "3e498c66-1929-70bc-1684-939c88dfc4ed",
                        "fromProperty": "seconds",
                        "toId": "c61e13fc-434c-b75d-1aee-18cff8b7512c",
                        "toProperty": "sec"
                    },
                    {
                        "fromId": "c61e13fc-434c-b75d-1aee-18cff8b7512c",
                        "fromProperty": "formatted",
                        "toId": "10568749-3bfd-61d5-9911-2a97c172301b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "273d656d-2036-c1a3-2303-09340a8f0f5c",
                        "fromProperty": "at-show",
                        "toId": "51692b61-9e0f-0337-5afa-50b95e231004",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "3e498c66-1929-70bc-1684-939c88dfc4ed",
                        "fromProperty": "timeout",
                        "toId": "273d656d-2036-c1a3-2303-09340a8f0f5c",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "a0d7a1fd-1295-d426-bd58-8af551273a34",
                        "fromProperty": "items",
                        "toId": "841890ee-fd56-e039-ba27-43cf397e8d34",
                        "toProperty": "offers"
                    },
                    {
                        "fromId": "51692b61-9e0f-0337-5afa-50b95e231004",
                        "fromProperty": "didMount",
                        "toId": "841890ee-fd56-e039-ba27-43cf397e8d34",
                        "toProperty": "showOffers"
                    },
                    {
                        "fromId": "a0d7a1fd-1295-d426-bd58-8af551273a34",
                        "fromProperty": "items",
                        "toId": "ef58f6f9-def5-03ac-6d56-8d01dcf7cdf1",
                        "toProperty": "items"
                    }
                ],
                "roots": [
                    {
                        "id": "51692b61-9e0f-0337-5afa-50b95e231004",
                        "type": "Group",
                        "label": "Content",
                        "x": 249,
                        "y": 513,
                        "parameters": {
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "23a25100-3fa2-ea20-b1d3-9085b3aba380",
                                "type": "Group",
                                "x": 20,
                                "y": 117,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "sizeMode": "contentHeight",
                                    "borderRadius": 8,
                                    "paddingLeft": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#E6E6E6",
                                    "borderStyle": "solid",
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetX": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "boxShadowInset": false,
                                    "boxShadowColor": "rgba(0,0,0,0.05)",
                                    "clip": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ee246f80-123e-5aaf-ff00-9a24743e3eaa",
                                        "type": "Group",
                                        "label": "HEADER",
                                        "x": 289,
                                        "y": 676,
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d41621be-34b2-a66d-f12b-2d8fccdf5ec2",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "fef62caa-8621-a3f5-5ab0-5426b422fcd2",
                                                        "type": "Text",
                                                        "x": 329,
                                                        "y": 783,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth",
                                                            "text": "Running low on essentials"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "abba9e7b-2014-72e4-68d5-ca3d50761dbc",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 92,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "position": "relative",
                                                            "alignX": "left",
                                                            "alignY": "center",
                                                            "color": "#000000",
                                                            "text": " | Our favorites"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "15ea2b1a-b786-d849-83cb-cf4825372128",
                                        "type": "Group",
                                        "x": 289,
                                        "y": 875,
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "8190f87d-1d76-8165-5f6b-ce3679ef637b",
                                                "type": "Group",
                                                "x": 309,
                                                "y": 921,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "10568749-3bfd-61d5-9911-2a97c172301b",
                                                        "type": "Text",
                                                        "x": 329,
                                                        "y": 967,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "color": "#0BA16E",
                                                            "text": "",
                                                            "sizeMode": "contentWidth",
                                                            "marginLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "11fe273e-51a7-1ce1-f438-427fdf61d14a",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 174,
                                                "parameters": {
                                                    "alignY": "bottom",
                                                    "transformY": {
                                                        "value": -1,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute",
                                                    "sizeMode": "contentSize",
                                                    "transformX": {
                                                        "value": 35,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "04e8f740-1a9b-a066-9e11-204f0a728dae",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "color": "#434B53",
                                                            "text": "left to add items to this order"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "5fb9d287-3e48-c5f0-a331-44f6323e76a3",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 511,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row",
                                            "sizeMode": "explicit",
                                            "clip": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "ca60ceb2-e9d5-6b35-8089-c27f4d84c454",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "ef58f6f9-def5-03ac-6d56-8d01dcf7cdf1",
                                                        "type": "For Each",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "template": "/Checkout/Status/Offer Item"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "3fae9806-69c5-eded-28fe-cdb0a479cf31",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 128,
                                                "parameters": {
                                                    "marginRight": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "1c42e5aa-c40e-8a07-3da8-4fd7a1542f3f",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "alignY": "center",
                                                            "text": "More",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "marginLeft": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "alignX": "right",
                                                            "textAlign": "right",
                                                            "marginRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "3e498c66-1929-70bc-1684-939c88dfc4ed",
                        "type": "Javascript2",
                        "x": -253.56317324239708,
                        "y": 774.3527346913705,
                        "parameters": {
                            "code": "let created = false\n\ndefine({\n    \n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    mySignal:'signal',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    minutes:'string',\n\t    seconds:'string',\n\t    timeout:'signal'\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tmySignal:function(inputs,outputs) {\n\t    \n\t    if (!created){\n\t        created = true\n\t        let countDownDate = new Date()\n    \t\tcountDownDate.setMinutes(countDownDate.getMinutes() + 15)\n    \t\tcountDownDate = countDownDate.getTime();\n            let t = this\n                \n            // Update the count down every 1 second\n            let x = setInterval(function() {\n            \n              // Get today's date and time\n              let now = new Date().getTime();\n            \n              // Find the distance between now and the count down date\n              let distance = countDownDate - now;\n            \n              // Time calculations for days, hours, minutes and seconds\n              let days = Math.floor(distance / (1000 * 60 * 60 * 24));\n              let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n              let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));\n              let seconds = Math.floor((distance % (1000 * 60)) / 1000);\n            \n              // Output result\n              outputs.minutes = minutes<10 ? '0'+minutes:minutes\n              outputs.seconds = seconds<10 ? '0'+seconds:seconds\n              t.flagOutputDirty('minutes')\n              t.flagOutputDirty('seconds')\n              //console.log(minutes, seconds)\n              \n              if (distance <= 0) {\n                t.sendSignalOnOutput('timeout')\n                clearInterval(x);\n              }\n            }, 1000);\n\t    }\n\t\t\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "mySignal",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "minutes",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            },
                            {
                                "name": "seconds",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "timeout",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f245dab1-f366-0d21-8661-4a638510b411",
                        "type": "Component Inputs",
                        "x": -241.49589209856063,
                        "y": 641.2987740064008,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "StartTimer",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c61e13fc-434c-b75d-1aee-18cff8b7512c",
                        "type": "String Format",
                        "x": 17.391034487097755,
                        "y": 771.7647632286671,
                        "parameters": {
                            "format": "{min}:{sec}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "min",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "sec",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "841890ee-fd56-e039-ba27-43cf397e8d34",
                        "type": "Javascript2",
                        "x": -31.868912227500687,
                        "y": 1082.8849197199104,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    showOffers:'signal',\n\t    offers:'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tshowOffers:function(inputs,outputs) {\n\t    \n\t    const createOffer = function(itemId){\n\t        const product = window.wallyProducts ? window.wallyProducts.find(p=>p.itemId === itemId) : false\n\t        if (product){\n\t            let v = {}\n\t            v.itemId = product.itemId\n\t            v.img = product.img\n\t\t        v.price = product.price\n\t\t        return v\n\t        }\n\t    }\n\t    \n\t\t//hnme0efr7lrc2mmxbstrgi\n\t\t//\"sqv9qbwg6rsnsaasyc26b\"\n\t\t//\"ync8x01ef8nhq7dnpdfxf\"\n\t\t//\"11045884\"\n\t\tlet offers = []\n\t\toffers.push(createOffer(\"273910333\"))\n\t\toffers.push(createOffer(\"278117206\"))\n\t\toffers.push(createOffer(\"152875418\"))\n\t\toffers.push(createOffer(\"11045884\"))\n\t\tinputs.offers.set(offers)\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "showOffers",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "offers",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "273d656d-2036-c1a3-2303-09340a8f0f5c",
                        "type": "States",
                        "x": 14.239262674834777,
                        "y": 678.5687731049416,
                        "parameters": {
                            "states": "show,hide"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "show",
                                        "hide"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "show",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a0d7a1fd-1295-d426-bd58-8af551273a34",
                        "type": "Collection",
                        "x": -33.26483775363556,
                        "y": 1174.1979452268451,
                        "parameters": {
                            "collectionId": "specialOffers"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Offer Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "c54b039a-45bc-5522-c63c-3e3d11720ebd",
                        "fromProperty": "img",
                        "toId": "095b4205-bcdb-c1bc-e1bb-ef2d4f90b96e",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "c54b039a-45bc-5522-c63c-3e3d11720ebd",
                        "fromProperty": "price",
                        "toId": "57dbfe52-6f48-c67c-d593-cefcc1670499",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "57dbfe52-6f48-c67c-d593-cefcc1670499",
                        "fromProperty": "formatted",
                        "toId": "ee365c6b-6bcb-e499-d716-b6f9f65d4d35",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "22264098-ed23-d52c-0a2d-075b595e845b",
                        "fromProperty": "at-option",
                        "toId": "518c38b5-f40e-73af-d906-236b51c478d2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "22264098-ed23-d52c-0a2d-075b595e845b",
                        "fromProperty": "at-added",
                        "toId": "4936b495-2ee1-b12b-516b-3dc296bf3bf1",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "22264098-ed23-d52c-0a2d-075b595e845b",
                        "fromProperty": "op",
                        "toId": "6ff84e6b-559b-cde4-98bb-7fce8aeb3c7c",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "518c38b5-f40e-73af-d906-236b51c478d2",
                        "fromProperty": "onClick",
                        "toId": "22264098-ed23-d52c-0a2d-075b595e845b",
                        "toProperty": "to-added"
                    },
                    {
                        "fromId": "4936b495-2ee1-b12b-516b-3dc296bf3bf1",
                        "fromProperty": "onClick",
                        "toId": "22264098-ed23-d52c-0a2d-075b595e845b",
                        "toProperty": "to-option"
                    },
                    {
                        "fromId": "f316270b-31c8-b63b-d401-c88ff7928454",
                        "fromProperty": "itemId",
                        "toId": "c54b039a-45bc-5522-c63c-3e3d11720ebd",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "c54b039a-45bc-5522-c63c-3e3d11720ebd",
                        "fromProperty": "itemId",
                        "toId": "1906cf1e-5544-14ae-1733-4c4cc63af2bc",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "22264098-ed23-d52c-0a2d-075b595e845b",
                        "fromProperty": "reached-added",
                        "toId": "1906cf1e-5544-14ae-1733-4c4cc63af2bc",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "428c7f94-8579-6109-f2a7-535d914bd5a8",
                        "fromProperty": "items",
                        "toId": "1906cf1e-5544-14ae-1733-4c4cc63af2bc",
                        "toProperty": "delivery"
                    },
                    {
                        "fromId": "428c7f94-8579-6109-f2a7-535d914bd5a8",
                        "fromProperty": "modified",
                        "toId": "95dc633d-123e-8c64-9f44-7fba659b27b6",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "4e922ed9-36df-926b-1bef-950605643381",
                        "fromProperty": "LatestOrderId",
                        "toId": "bb47d8cb-4834-3a37-34e2-65511350c1f7",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "bb47d8cb-4834-3a37-34e2-65511350c1f7",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "428c7f94-8579-6109-f2a7-535d914bd5a8",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "428c7f94-8579-6109-f2a7-535d914bd5a8",
                        "fromProperty": "modified",
                        "toId": "736aed06-74a2-8071-39da-831cfeb671de",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "7596f712-22c3-3ffb-ea15-c33aa816bae2",
                        "type": "Group",
                        "x": 604.4816424213277,
                        "y": 504.6811606526537,
                        "parameters": {
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "6ff84e6b-559b-cde4-98bb-7fce8aeb3c7c",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "column",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4ae12f12-cce5-faaa-0d09-8b2f736c75fc",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "width": {
                                                "value": 60,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "095b4205-bcdb-c1bc-e1bb-ef2d4f90b96e",
                                                "type": "Image",
                                                "x": 662.4816424213277,
                                                "y": 679.6811606526537,
                                                "parameters": {
                                                    "sizeMode": "explicit"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ee365c6b-6bcb-e499-d716-b6f9f65d4d35",
                                        "type": "Text",
                                        "x": 642.4816424213277,
                                        "y": 761.6811606526537,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "textAlign": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "518c38b5-f40e-73af-d906-236b51c478d2",
                                "type": "Group",
                                "x": 20,
                                "y": 338,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "position": "absolute",
                                    "alignX": "right",
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c4e89692-03df-2413-824a-18cbc1b451ff",
                                        "type": "Circle",
                                        "x": 642.4816424213277,
                                        "y": 945.6811606526537,
                                        "parameters": {
                                            "fillColor": "#0071CE",
                                            "size": 20
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "8b34887e-f14d-8182-0e01-9400e070d334",
                                        "type": "Image",
                                        "x": 642.4816424213277,
                                        "y": 991.6811606526537,
                                        "parameters": {
                                            "src": "icons/icon_plus_white.svg",
                                            "position": "absolute",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "transformY": {
                                                "value": -2,
                                                "unit": "px"
                                            },
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "4936b495-2ee1-b12b-516b-3dc296bf3bf1",
                                "type": "Group",
                                "x": 622.4816424213277,
                                "y": 1037.6811606526537,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "position": "absolute",
                                    "alignX": "center",
                                    "alignY": "center",
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "transformX": {
                                        "value": -10,
                                        "unit": "px"
                                    },
                                    "transformY": {
                                        "value": -5,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "3062a688-2923-ca1f-2afa-b55e5dade4dc",
                                        "type": "Image",
                                        "x": 642.4816424213277,
                                        "y": 1139.6811606526537,
                                        "parameters": {
                                            "src": "icons/green-check copy.svg",
                                            "position": "absolute",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "c54b039a-45bc-5522-c63c-3e3d11720ebd",
                        "type": "Model",
                        "x": 369.73124196730055,
                        "y": 572.7254315101907,
                        "parameters": {
                            "properties": "title,price,img,totalPrice,quant,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "totalPrice",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f316270b-31c8-b63b-d401-c88ff7928454",
                        "type": "For Each Actions",
                        "x": 371,
                        "y": 472,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "57dbfe52-6f48-c67c-d593-cefcc1670499",
                        "type": "String Format",
                        "x": 370.82858871823754,
                        "y": 689.5641016019512,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "22264098-ed23-d52c-0a2d-075b595e845b",
                        "type": "States",
                        "x": 912.2352613519206,
                        "y": 779.015624516727,
                        "parameters": {
                            "states": "option,added",
                            "values": "op",
                            "startState": "option",
                            "value-option-op": 1,
                            "value-added-op": 0.3
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "op",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "option Values",
                                "name": "value-option-op",
                                "displayName": "op",
                                "editorName": "option|op",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "option Transition",
                                "name": "transition-option",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "option Transition",
                                "name": "duration-option",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To option",
                                "name": "to-option",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At option",
                                "name": "at-option",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached option",
                                "name": "reached-option",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "added Values",
                                "name": "value-added-op",
                                "displayName": "op",
                                "editorName": "added|op",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "added Transition",
                                "name": "transition-added",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "added Transition",
                                "name": "duration-added",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To added",
                                "name": "to-added",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At added",
                                "name": "at-added",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached added",
                                "name": "reached-added",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "option",
                                        "added"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "option",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1906cf1e-5544-14ae-1733-4c4cc63af2bc",
                        "type": "Javascript2",
                        "x": 1157.5435276343226,
                        "y": 514.6500329609279,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    add:'signal',\n\t    itemId:'string',\n\t    delivery:'collection',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tadd:function(inputs,outputs) {\n        \n        let productData = window.wallyProducts.find(product => product.itemId === inputs.itemId);\n        \n        if(productData) {\n            Noodl.Model.create(\n                productData\n            );\n            \n            let m = Noodl.Model.create({\n                \"itemId\": inputs.itemId,\n                \"count\": 1\n            });\n            inputs.delivery.add(m);    \n        } else {\n            console.log(\"Could not find item data for product with id \" + inputs.itemId);\n        }\n        \n        \n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "add",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "delivery",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "428c7f94-8579-6109-f2a7-535d914bd5a8",
                        "type": "Collection",
                        "x": 1166.4561011959167,
                        "y": 353.91276856060205,
                        "parameters": {
                            "collectionId": "delivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4e922ed9-36df-926b-1bef-950605643381",
                        "type": "Globals",
                        "x": 858.2434543630052,
                        "y": 241.45568231741657,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestOrderId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "95dc633d-123e-8c64-9f44-7fba659b27b6",
                        "type": "Event Sender",
                        "x": 1437.0071896609893,
                        "y": 393.57635505571307,
                        "parameters": {
                            "channelName": "deliveryCollectionUpdated"
                        },
                        "ports": [
                            {
                                "name": "ida",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bb47d8cb-4834-3a37-34e2-65511350c1f7",
                        "type": "Model",
                        "x": 1161.187580330768,
                        "y": 223.4538755827681,
                        "parameters": {
                            "modelId": "",
                            "properties": "deliveryCollectionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "736aed06-74a2-8071-39da-831cfeb671de",
                        "type": "Event Sender",
                        "x": 861.187580330768,
                        "y": 396.4538755827681,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Search Results - Horizontal List",
            "graph": {
                "connections": [
                    {
                        "fromId": "23958b93-92c2-76c4-7607-6ae27d6e0f3f",
                        "fromProperty": "guid",
                        "toId": "7c53e74a-b2cd-f2d0-8f40-7f0538a1d57f",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "bcb99e34-109a-0d46-193e-f594afe5bdff",
                        "fromProperty": "itemId",
                        "toId": "5c45d31f-7a95-d2c7-cbaa-6d45a0561f7f",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "5c45d31f-7a95-d2c7-cbaa-6d45a0561f7f",
                        "fromProperty": "items",
                        "toId": "7c53e74a-b2cd-f2d0-8f40-7f0538a1d57f",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "7c53e74a-b2cd-f2d0-8f40-7f0538a1d57f",
                        "fromProperty": "items",
                        "toId": "c85fe3d9-6e2a-03d9-d528-10159f389136",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "5c45d31f-7a95-d2c7-cbaa-6d45a0561f7f",
                        "fromProperty": "label",
                        "toId": "f3113b39-05dd-29e3-245d-6c585032d40b",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "a1afb80b-356e-09ed-c32e-10648669a25e",
                        "type": "Group",
                        "x": 360,
                        "y": 282,
                        "parameters": {
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "f3113b39-05dd-29e3-245d-6c585032d40b",
                                "type": "Text",
                                "x": 380,
                                "y": 328,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "text": "Walmart's choice"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "6abd56e2-478f-1162-362c-1070568b4df8",
                                "type": "Group",
                                "x": 20,
                                "y": 128,
                                "parameters": {
                                    "clip": false,
                                    "scrollBehavior": "noodl",
                                    "flexWrap": "nowrap",
                                    "flexDirection": "row",
                                    "alignX": "center",
                                    "position": "relative",
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "scrollDirection": "x",
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "showScrollbar": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c85fe3d9-6e2a-03d9-d528-10159f389136",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "template": "/Search/Seach List Items/Search Item - Big Horizontal"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "e0b0d2ac-f29e-3a35-460d-d6f14614239a",
                                "type": "/UI Components/Design System/Divider",
                                "x": 380,
                                "y": 538,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "bcb99e34-109a-0d46-193e-f594afe5bdff",
                        "type": "For Each Actions",
                        "x": -320,
                        "y": 316,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7c53e74a-b2cd-f2d0-8f40-7f0538a1d57f",
                        "type": "Collection",
                        "x": 157,
                        "y": 422,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "23958b93-92c2-76c4-7607-6ae27d6e0f3f",
                        "type": "Unique Id",
                        "x": 141,
                        "y": 548,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5c45d31f-7a95-d2c7-cbaa-6d45a0561f7f",
                        "type": "Model",
                        "x": -66,
                        "y": 305,
                        "parameters": {
                            "properties": "items,label"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "items",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "label",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "66b6f951-8497-7193-5b4a-2df4e42c819e",
                        "type": "Javascript2",
                        "x": 181.7,
                        "y": 225,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    items:'collection',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tmySignal:function(inputs,outputs) {\n\t\t// ...\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/Search Typeahead - Horizontal List",
            "graph": {
                "connections": [
                    {
                        "fromId": "49a34589-2f66-cd73-98ff-c16b1e01f6ec",
                        "fromProperty": "guid",
                        "toId": "4a4e5f5c-9a1e-67a6-a0be-2995af20ccc4",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "32d2fc3d-7d3e-8f1f-775c-83b68666c7c2",
                        "fromProperty": "itemId",
                        "toId": "9013113e-53a9-8fca-33f0-0ae34f6a7db2",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "9013113e-53a9-8fca-33f0-0ae34f6a7db2",
                        "fromProperty": "items",
                        "toId": "4a4e5f5c-9a1e-67a6-a0be-2995af20ccc4",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "4a4e5f5c-9a1e-67a6-a0be-2995af20ccc4",
                        "fromProperty": "items",
                        "toId": "e6b0f48b-2990-9ada-30a7-dcb2e82ea7d7",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "9013113e-53a9-8fca-33f0-0ae34f6a7db2",
                        "fromProperty": "label",
                        "toId": "dc81aee8-ca0d-ad10-9575-f234a65f5343",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "ed5bf4db-c437-4c0b-d596-121553f5e4d4",
                        "type": "Group",
                        "x": 836,
                        "y": 304,
                        "parameters": {
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "dc81aee8-ca0d-ad10-9575-f234a65f5343",
                                "type": "Text",
                                "x": 380,
                                "y": 328,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "text": "Walmart's choice"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "ebb34531-5ee1-6fba-3501-2d821519fff7",
                                "type": "Group",
                                "x": 20,
                                "y": 128,
                                "parameters": {
                                    "clip": false,
                                    "flexWrap": "nowrap",
                                    "flexDirection": "row",
                                    "alignX": "center",
                                    "position": "relative",
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "scrollDirection": "x",
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "showScrollbar": false,
                                    "scrollBehavior": "noodl"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e6b0f48b-2990-9ada-30a7-dcb2e82ea7d7",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "template": "/Search/Seach List Items/Search Item - Typeahead"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "888354e2-89e9-8a0f-d2b8-785e9db73128",
                                "type": "/UI Components/Design System/Divider",
                                "x": 380,
                                "y": 538,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "32d2fc3d-7d3e-8f1f-775c-83b68666c7c2",
                        "type": "For Each Actions",
                        "x": 480,
                        "y": 225,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4a4e5f5c-9a1e-67a6-a0be-2995af20ccc4",
                        "type": "Collection",
                        "x": 605,
                        "y": 434,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "49a34589-2f66-cd73-98ff-c16b1e01f6ec",
                        "type": "Unique Id",
                        "x": 337,
                        "y": 506,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9013113e-53a9-8fca-33f0-0ae34f6a7db2",
                        "type": "Model",
                        "x": 487,
                        "y": 321,
                        "parameters": {
                            "properties": "items,label"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "items",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "label",
                                "index": 7
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Orders/Your Orders Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "2216a911-6935-8c51-7b28-f90641685cc2",
                        "fromProperty": "Show",
                        "toId": "13ce4d62-2bcb-42cb-b313-19227a805cb3",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "2216a911-6935-8c51-7b28-f90641685cc2",
                        "fromProperty": "To Left",
                        "toId": "13ce4d62-2bcb-42cb-b313-19227a805cb3",
                        "toProperty": "To Left"
                    },
                    {
                        "fromId": "c37ee8cb-2041-8b9d-48fc-a26a4b797ea5",
                        "fromProperty": "items",
                        "toId": "3de72f6b-0041-9bbd-7a44-5422d0a078b5",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "e340dbdd-d057-4ff0-61cb-1145568e503b",
                        "fromProperty": "eventReceived",
                        "toId": "02228069-18dc-9fbe-3410-63d17d7b852f",
                        "toProperty": "To Edit"
                    },
                    {
                        "fromId": "ecb42829-192e-8eb2-08f0-48d4857f0669",
                        "fromProperty": "eventReceived",
                        "toId": "02228069-18dc-9fbe-3410-63d17d7b852f",
                        "toProperty": "To Overview"
                    },
                    {
                        "fromId": "e340dbdd-d057-4ff0-61cb-1145568e503b",
                        "fromProperty": "Order Id",
                        "toId": "22ebfe29-c55a-cfc2-b6de-854ae6f2cecf",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "22ebfe29-c55a-cfc2-b6de-854ae6f2cecf",
                        "fromProperty": "savedValue",
                        "toId": "02228069-18dc-9fbe-3410-63d17d7b852f",
                        "toProperty": "Order Id To Edit"
                    },
                    {
                        "fromId": "13ce4d62-2bcb-42cb-b313-19227a805cb3",
                        "fromProperty": "Back",
                        "toId": "03564a9f-c93a-0ee3-01fe-da5078a52772",
                        "toProperty": "Back"
                    },
                    {
                        "fromId": "2216a911-6935-8c51-7b28-f90641685cc2",
                        "fromProperty": "Reset",
                        "toId": "13ce4d62-2bcb-42cb-b313-19227a805cb3",
                        "toProperty": "To Right Instant"
                    },
                    {
                        "fromId": "c37ee8cb-2041-8b9d-48fc-a26a4b797ea5",
                        "fromProperty": "count",
                        "toId": "ecc5515b-3391-7371-663e-6191eaae7b96",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "ecc5515b-3391-7371-663e-6191eaae7b96",
                        "fromProperty": "result",
                        "toId": "c2c4b6f9-bb75-14e6-5bf7-4a1d3ad995a0",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c37ee8cb-2041-8b9d-48fc-a26a4b797ea5",
                        "fromProperty": "count",
                        "toId": "5902223b-3e50-9c83-ef47-c2da482e580c",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "5902223b-3e50-9c83-ef47-c2da482e580c",
                        "fromProperty": "result",
                        "toId": "3312e87f-137d-607f-72fd-1c987780f836",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "13ce4d62-2bcb-42cb-b313-19227a805cb3",
                        "type": "/UI Components/Page",
                        "x": 48.07764739442223,
                        "y": 114.76339011429982,
                        "parameters": {
                            "Back Button": true,
                            "Start Visible": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "6b680b85-aeca-088c-b522-3f0db4924bb5",
                                "type": "Group",
                                "label": "search bar",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "9441ca9c-bc17-d9c5-ff51-784dabc7a204",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "sizeMode": "contentHeight",
                                            "borderRadius": 20,
                                            "backgroundColor": "#F0F2F7",
                                            "paddingTop": {
                                                "value": 9,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 9,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "976789ab-32d2-1761-f651-a1216a1305ef",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "srcSet": "icons/search.png, icons/search@2x.png 2x, icons/search@3x.png 3x",
                                                    "alignX": "center",
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center",
                                                    "marginRight": {
                                                        "value": 9,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "96b8fd4b-ad44-58c6-b1db-a2b739301473",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 92,
                                                "parameters": {
                                                    "textAlign": "center",
                                                    "sizeMode": "contentSize",
                                                    "text": "Search items you've bought before",
                                                    "alignY": "center",
                                                    "alignX": "center",
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "color": "#6D6E71"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "ac933bb6-c755-9ec4-af1d-864b214ea73f",
                                "type": "Group",
                                "label": "Search FIlters",
                                "x": 20,
                                "y": 321,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "flexDirection": "row",
                                    "clip": false,
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "scrollBehavior": "noodl",
                                    "scrollDirection": "x",
                                    "showScrollbar": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "f6289d75-c532-8fa6-2b04-2b24d8a2abcf",
                                        "type": "/UI Components/Design System/Outline Toggle",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "Border Radius": 32,
                                            "Label": "All",
                                            "Selected": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "53b63d27-707e-1c2a-f9a4-d13daa1b8f9d",
                                        "type": "/UI Components/Design System/Outline Toggle",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "Border Radius": 32,
                                            "Label": "This month",
                                            "Selected": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "735732a6-9738-edc2-dc9a-7e5a73f9716e",
                                        "type": "/UI Components/Design System/Outline Toggle",
                                        "x": 20,
                                        "y": 153,
                                        "parameters": {
                                            "Border Radius": 32,
                                            "Label": "Last 6 months",
                                            "Selected": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "07b69ff7-4ade-4504-0d32-69e89ab563ee",
                                        "type": "/UI Components/Design System/Outline Toggle",
                                        "x": 20,
                                        "y": 199,
                                        "parameters": {
                                            "Border Radius": 32,
                                            "Label": "Last year",
                                            "Selected": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "21ee6b8f-d8ab-883a-8da4-ef7aa1d9ef2a",
                                "type": "Group",
                                "x": 20,
                                "y": 566,
                                "parameters": {
                                    "marginBottom": {
                                        "value": 90,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#FFFFFF"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "3312e87f-137d-607f-72fd-1c987780f836",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "backgroundColor": "#FFFFFF",
                                            "clip": true,
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "97f24cbc-a7c7-6edd-6077-9faf6612ea05",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 107,
                                                "parameters": {
                                                    "text": "Your order histotry is empty",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "color": "#46474A",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "c2c4b6f9-bb75-14e6-5bf7-4a1d3ad995a0",
                                        "type": "Group",
                                        "x": 88.07764739442223,
                                        "y": 725.7633901142998,
                                        "parameters": {
                                            "backgroundColor": "#FFFFFF",
                                            "clip": true,
                                            "scrollBehavior": "noodl",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3de72f6b-0041-9bbd-7a44-5422d0a078b5",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "template": "/Orders/Order Card"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "2216a911-6935-8c51-7b28-f90641685cc2",
                        "type": "Component Inputs",
                        "x": -224.38376682092564,
                        "y": 142.57207639151684,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Reset",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "02228069-18dc-9fbe-3410-63d17d7b852f",
                        "type": "Component Outputs",
                        "x": 556.9077240689469,
                        "y": 415.66387895126377,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Edit",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Overview",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Order Id To Edit",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c37ee8cb-2041-8b9d-48fc-a26a4b797ea5",
                        "type": "Collection",
                        "x": -550.1329470072926,
                        "y": 696.6364804997197,
                        "parameters": {
                            "collectionId": "orders"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e340dbdd-d057-4ff0-61cb-1145568e503b",
                        "type": "Event Receiver",
                        "x": 319.9940063554625,
                        "y": 397.1737866570521,
                        "parameters": {
                            "channelName": "Order Edit Clicked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ecb42829-192e-8eb2-08f0-48d4857f0669",
                        "type": "Event Receiver",
                        "x": 322.9940063554625,
                        "y": 521.1737866570521,
                        "parameters": {
                            "channelName": "Order Overview Cliecked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "22ebfe29-c55a-cfc2-b6de-854ae6f2cecf",
                        "type": "String",
                        "x": 490.2744392909718,
                        "y": 220.06405362530575,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "03564a9f-c93a-0ee3-01fe-da5078a52772",
                        "type": "Component Outputs",
                        "x": 330.3901585195782,
                        "y": -43.99322101482716,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Back",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ecc5515b-3391-7371-663e-6191eaae7b96",
                        "type": "Expression",
                        "x": -217.60984148042178,
                        "y": 828.0067789851728,
                        "parameters": {
                            "expression": "count > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5902223b-3e50-9c83-ef47-c2da482e580c",
                        "type": "Expression",
                        "x": -215.60984148042178,
                        "y": 713.0067789851728,
                        "parameters": {
                            "expression": "count === 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Orders/Edit Order Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "de1bfb34-a86e-cc63-d1f0-301717b6cd9b",
                        "fromProperty": "items",
                        "toId": "f71fdb9b-b28b-9a77-1d2b-fa70f9964236",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "15ff8bb0-ae29-2d46-1613-c79a526afea1",
                        "fromProperty": "formatted",
                        "toId": "5c66890b-fb9b-3b16-b354-2ce97e2d35c8",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "cc14bc29-0511-799b-f189-e39f8af0a4e6",
                        "fromProperty": "onClick",
                        "toId": "ffa395fd-0026-ffbd-554b-cd5205668bc2",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "b703ab1f-698b-0190-3560-616c23354034",
                        "fromProperty": "Show",
                        "toId": "34e5f9f9-5a1a-0fa2-9654-008387c80831",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "b703ab1f-698b-0190-3560-616c23354034",
                        "fromProperty": "To Right",
                        "toId": "34e5f9f9-5a1a-0fa2-9654-008387c80831",
                        "toProperty": "To Right"
                    },
                    {
                        "fromId": "de1bfb34-a86e-cc63-d1f0-301717b6cd9b",
                        "fromProperty": "count",
                        "toId": "15ff8bb0-ae29-2d46-1613-c79a526afea1",
                        "toProperty": "number"
                    },
                    {
                        "fromId": "6e6527a8-f368-ab03-6647-ee315801daf7",
                        "fromProperty": "minutes",
                        "toId": "90ed8688-bcce-fc8f-f768-49cf964ed8bd",
                        "toProperty": "min"
                    },
                    {
                        "fromId": "6e6527a8-f368-ab03-6647-ee315801daf7",
                        "fromProperty": "seconds",
                        "toId": "90ed8688-bcce-fc8f-f768-49cf964ed8bd",
                        "toProperty": "sec"
                    },
                    {
                        "fromId": "90ed8688-bcce-fc8f-f768-49cf964ed8bd",
                        "fromProperty": "formatted",
                        "toId": "15bc60f3-588f-20ce-d75c-34bbc3cf4e8f",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "6e6527a8-f368-ab03-6647-ee315801daf7",
                        "fromProperty": "timeout",
                        "toId": "439916ef-69e9-c975-7850-8f30be646df6",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "b703ab1f-698b-0190-3560-616c23354034",
                        "fromProperty": "Show",
                        "toId": "6e6527a8-f368-ab03-6647-ee315801daf7",
                        "toProperty": "mySignal"
                    },
                    {
                        "fromId": "2fdf2c18-1bec-27dd-59be-db20ee1f6975",
                        "fromProperty": "Click",
                        "toId": "04def889-903a-4509-d4cd-b5fa888c3267",
                        "toProperty": "To Overview"
                    },
                    {
                        "fromId": "439916ef-69e9-c975-7850-8f30be646df6",
                        "fromProperty": "at-show",
                        "toId": "0b8a355f-1c69-ddf9-dda5-dbe6b41c30bc",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "f9ec7ac4-56e0-9f84-a558-77ba44e0f7d1",
                        "fromProperty": "LatestDeliveryId",
                        "toId": "de1bfb34-a86e-cc63-d1f0-301717b6cd9b",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "d829bec6-6fee-feb6-4723-a234b6975e91",
                        "fromProperty": "actionTriggered",
                        "toId": "2522fa78-b4c2-0b5d-fd42-13d2bf90da79",
                        "toProperty": "updateTotals"
                    },
                    {
                        "fromId": "de1bfb34-a86e-cc63-d1f0-301717b6cd9b",
                        "fromProperty": "items",
                        "toId": "2522fa78-b4c2-0b5d-fd42-13d2bf90da79",
                        "toProperty": "cartItems"
                    },
                    {
                        "fromId": "2522fa78-b4c2-0b5d-fd42-13d2bf90da79",
                        "fromProperty": "totalPrice",
                        "toId": "f3175708-1211-781f-4800-39fa3ca6c321",
                        "toProperty": "OrderPrice"
                    },
                    {
                        "fromId": "2522fa78-b4c2-0b5d-fd42-13d2bf90da79",
                        "fromProperty": "totalItems",
                        "toId": "f3175708-1211-781f-4800-39fa3ca6c321",
                        "toProperty": "OrderQuantity"
                    },
                    {
                        "fromId": "b703ab1f-698b-0190-3560-616c23354034",
                        "fromProperty": "Show Instant",
                        "toId": "34e5f9f9-5a1a-0fa2-9654-008387c80831",
                        "toProperty": "Show Instant"
                    },
                    {
                        "fromId": "b703ab1f-698b-0190-3560-616c23354034",
                        "fromProperty": "To Right Instant",
                        "toId": "34e5f9f9-5a1a-0fa2-9654-008387c80831",
                        "toProperty": "To Right Instant"
                    },
                    {
                        "fromId": "1719dd2a-a068-0e86-6564-053f7ed5b475",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "d04b1403-a235-d37e-0f1c-b01dc32aa28a",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "1719dd2a-a068-0e86-6564-053f7ed5b475",
                        "fromProperty": "shippingCollectionId",
                        "toId": "059c0c2f-2b83-b007-dcdb-842bdb4d250c",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "1719dd2a-a068-0e86-6564-053f7ed5b475",
                        "fromProperty": "deliveryDate",
                        "toId": "09f4acf5-a4d2-de2d-3dbe-dc7e94dff7f6",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "1719dd2a-a068-0e86-6564-053f7ed5b475",
                        "fromProperty": "deliverySlot",
                        "toId": "09f4acf5-a4d2-de2d-3dbe-dc7e94dff7f6",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "b703ab1f-698b-0190-3560-616c23354034",
                        "fromProperty": "Edit Order Id",
                        "toId": "1719dd2a-a068-0e86-6564-053f7ed5b475",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "09f4acf5-a4d2-de2d-3dbe-dc7e94dff7f6",
                        "fromProperty": "Day And Time",
                        "toId": "da5101e3-105f-0645-4370-1fd1071cfc7f",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "34e5f9f9-5a1a-0fa2-9654-008387c80831",
                        "fromProperty": "Back",
                        "toId": "da7af379-3f1e-3639-cedf-8b7ecd9302a5",
                        "toProperty": "Back"
                    }
                ],
                "roots": [
                    {
                        "id": "de1bfb34-a86e-cc63-d1f0-301717b6cd9b",
                        "type": "Collection",
                        "x": 468.1228451973077,
                        "y": 1006.4251375100821,
                        "parameters": {
                            "collectionId": "delivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "15ff8bb0-ae29-2d46-1613-c79a526afea1",
                        "type": "String Format",
                        "x": 485.8375156551783,
                        "y": 856.2102183171148,
                        "parameters": {
                            "format": "{number} items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "number",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2522fa78-b4c2-0b5d-fd42-13d2bf90da79",
                        "type": "Javascript2",
                        "x": 418.77635679264654,
                        "y": 1207.841870900289,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    updateTotals:'signal',\n\t    cartItems:'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    totalPrice:'number',\n\t    totalItems:'number'\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tupdateTotals:function(inputs,outputs) {\n\t\tlet c = inputs.cartItems\n        let sumQuant = 0\n        let sumPrice = 0\n        for (i = 0; i < c.items.length; i++) {\n            sumQuant += c.items[i].data.quant; \n            sumPrice += c.items[i].data.totalPrice;  \n        }\n        outputs.totalPrice = sumPrice\n        outputs.totalItems = sumQuant\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t//console.log(inputs.cartItems)\n\t\t//outputs.deliveryItemsTotal = 10\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "updateTotals",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "cartItems",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "totalPrice",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "totalItems",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d829bec6-6fee-feb6-4723-a234b6975e91",
                        "type": "On Item Action",
                        "x": 181.36065270567167,
                        "y": 1172.6498123971446,
                        "parameters": {
                            "actionName": "changeCount"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ffa395fd-0026-ffbd-554b-cd5205668bc2",
                        "type": "Event Sender",
                        "x": 1169.9091475844848,
                        "y": 741.2416568235979,
                        "parameters": {
                            "channelName": "Show Time Slot Picker"
                        },
                        "ports": [
                            {
                                "name": "image",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "title",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 2
                            },
                            {
                                "name": "price",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "34e5f9f9-5a1a-0fa2-9654-008387c80831",
                        "type": "/UI Components/Page",
                        "x": 794.4528500334771,
                        "y": 215.5137935028108,
                        "parameters": {
                            "Start Visible": false,
                            "Back Button": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "77b50004-fc86-ad6d-1bf7-51a6db67b4f9",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "scrollBehavior": "noodl",
                                    "showScrollbar": false,
                                    "clip": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "af4032e9-2710-973f-bc4b-26b8469f7573",
                                        "type": "Group",
                                        "label": "Content",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2f4c465a-2d19-a2ad-9175-77ffcf82c9d8",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "paddingLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowEnabled": false,
                                                    "boxShadowOffsetY": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowOffsetX": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowSpreadRadius": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowBlurRadius": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "boxShadowInset": false,
                                                    "boxShadowColor": "rgba(0,0,0,0.05)"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "bcc131bd-b85f-07f5-2962-265df565ee54",
                                                        "type": "Group",
                                                        "label": "HEADER",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "flexDirection": "column",
                                                            "marginBottom": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "252ff8ec-fdef-81c3-c769-a7dbe28d51c1",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "flexDirection": "row"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "046ef2e1-a679-8b0e-4bce-8c2f1b85e5e1",
                                                                        "type": "Text",
                                                                        "x": 20,
                                                                        "y": 46,
                                                                        "parameters": {
                                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                                            "fontSize": {
                                                                                "value": 22,
                                                                                "unit": "px"
                                                                            },
                                                                            "text": "Delivery"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "5c66890b-fb9b-3b16-b354-2ce97e2d35c8",
                                                                        "type": "Text",
                                                                        "x": 20,
                                                                        "y": 92,
                                                                        "parameters": {
                                                                            "sizeMode": "contentWidth",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 12,
                                                                                "unit": "px"
                                                                            },
                                                                            "position": "absolute",
                                                                            "alignX": "right",
                                                                            "alignY": "center",
                                                                            "lineHeight": 2,
                                                                            "color": "#696969"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "cc14bc29-0511-799b-f189-e39f8af0a4e6",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 235,
                                                                "parameters": {
                                                                    "flexDirection": "row"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "1ee3dbb8-c34f-e5de-c9f0-e3a38dfd919e",
                                                                        "type": "Image",
                                                                        "x": 20,
                                                                        "y": 82,
                                                                        "parameters": {
                                                                            "src": "icons/Clock-18.svg",
                                                                            "transformScale": 0.6,
                                                                            "alignY": "center"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "ca49b620-1959-9209-027c-955cf7cebdee",
                                                                        "type": "Group",
                                                                        "x": 20,
                                                                        "y": 164,
                                                                        "parameters": {
                                                                            "flexDirection": "row"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "66b9d324-5da1-7217-3415-ef94f7bc7bb8",
                                                                                "type": "Text",
                                                                                "x": 371.80760063167236,
                                                                                "y": 900,
                                                                                "parameters": {
                                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                    "fontSize": {
                                                                                        "value": 14,
                                                                                        "unit": "px"
                                                                                    },
                                                                                    "sizeMode": "contentSize",
                                                                                    "marginRight": {
                                                                                        "value": 4,
                                                                                        "unit": "px"
                                                                                    },
                                                                                    "text": "Get it by "
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            },
                                                                            {
                                                                                "id": "da5101e3-105f-0645-4370-1fd1071cfc7f",
                                                                                "type": "Text",
                                                                                "x": 371.80760063167236,
                                                                                "y": 946,
                                                                                "parameters": {
                                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                    "fontSize": {
                                                                                        "value": 14,
                                                                                        "unit": "px"
                                                                                    },
                                                                                    "style": "{\n    textDecoration:'underline'\n}"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    },
                                                                    {
                                                                        "id": "44b6f079-9aee-6aa2-45d2-bb9162b02ef8",
                                                                        "type": "Text",
                                                                        "x": 20,
                                                                        "y": 246,
                                                                        "parameters": {
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 14,
                                                                                "unit": "px"
                                                                            },
                                                                            "sizeMode": "contentSize",
                                                                            "text": "Cancel"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "bb25cf6e-ab25-a851-ac64-f1ba403bedfb",
                                                        "type": "Group",
                                                        "label": "CARD DIVDER",
                                                        "x": 20,
                                                        "y": 690,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "height": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#F2F2F2",
                                                            "width": {
                                                                "value": 109,
                                                                "unit": "%"
                                                            },
                                                            "position": "relative",
                                                            "alignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "0b8a355f-1c69-ddf9-dda5-dbe6b41c30bc",
                                                        "type": "Group",
                                                        "label": "TIME LEFT",
                                                        "x": 20,
                                                        "y": 690,
                                                        "parameters": {
                                                            "marginTop": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "marginBottom": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "0eb8094c-3504-c74f-167b-c80a4cc71f4b",
                                                                "type": "Group",
                                                                "label": "Content",
                                                                "x": 893.5185444706664,
                                                                "y": 1184.265626817069,
                                                                "parameters": {
                                                                    "marginTop": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "paddingLeft": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "paddingRight": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentHeight",
                                                                    "marginBottom": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "a8abb4b6-3bca-3a9c-ca6d-032afe7b7125",
                                                                        "type": "Group",
                                                                        "x": 40.41725642346694,
                                                                        "y": -77.52634137378968,
                                                                        "parameters": {
                                                                            "flexDirection": "row"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "b677a2b5-f588-0bfc-d55a-7c389c8b1ce9",
                                                                                "type": "Group",
                                                                                "x": 309,
                                                                                "y": 921,
                                                                                "parameters": {
                                                                                    "flexDirection": "row",
                                                                                    "sizeMode": "contentSize"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": [
                                                                                    {
                                                                                        "id": "15bc60f3-588f-20ce-d75c-34bbc3cf4e8f",
                                                                                        "type": "Text",
                                                                                        "x": 20,
                                                                                        "y": 46,
                                                                                        "parameters": {
                                                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                                                            "fontSize": {
                                                                                                "value": 16,
                                                                                                "unit": "px"
                                                                                            },
                                                                                            "color": "#0BA16E",
                                                                                            "text": "",
                                                                                            "sizeMode": "contentWidth",
                                                                                            "marginLeft": {
                                                                                                "value": 0,
                                                                                                "unit": "px"
                                                                                            },
                                                                                            "marginRight": {
                                                                                                "value": 0,
                                                                                                "unit": "px"
                                                                                            }
                                                                                        },
                                                                                        "ports": [],
                                                                                        "dynamicports": [],
                                                                                        "children": []
                                                                                    }
                                                                                ]
                                                                            },
                                                                            {
                                                                                "id": "97044140-8eaa-8f8d-5667-63fcc885b120",
                                                                                "type": "Group",
                                                                                "x": 20,
                                                                                "y": 174,
                                                                                "parameters": {
                                                                                    "alignY": "bottom",
                                                                                    "transformY": {
                                                                                        "value": -1,
                                                                                        "unit": "px"
                                                                                    },
                                                                                    "marginLeft": {
                                                                                        "value": 8,
                                                                                        "unit": "px"
                                                                                    },
                                                                                    "position": "absolute",
                                                                                    "sizeMode": "contentSize",
                                                                                    "transformX": {
                                                                                        "value": 35,
                                                                                        "unit": "px"
                                                                                    }
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": [
                                                                                    {
                                                                                        "id": "f5460a57-d567-a3b8-b514-25b49c0734f5",
                                                                                        "type": "Text",
                                                                                        "x": 20,
                                                                                        "y": 46,
                                                                                        "parameters": {
                                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                            "fontSize": {
                                                                                                "value": 12,
                                                                                                "unit": "px"
                                                                                            },
                                                                                            "color": "#434B53",
                                                                                            "text": "left to add items to this order"
                                                                                        },
                                                                                        "ports": [],
                                                                                        "dynamicports": [],
                                                                                        "children": []
                                                                                    }
                                                                                ]
                                                                            }
                                                                        ]
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "8bcc5e1c-1c3d-9639-1fba-a15bc40f30ff",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 424,
                                                                "parameters": {
                                                                    "sizeMode": "contentWidth",
                                                                    "alignY": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "a0fbc8f0-5f32-a4b8-d13e-3055b8198393",
                                                                        "type": "Group",
                                                                        "x": 20,
                                                                        "y": 46,
                                                                        "parameters": {
                                                                            "width": {
                                                                                "value": 100,
                                                                                "unit": "px"
                                                                            },
                                                                            "height": {
                                                                                "value": 30,
                                                                                "unit": "px"
                                                                            },
                                                                            "borderRadius": 20,
                                                                            "borderColor": "#000000",
                                                                            "borderWidth": {
                                                                                "value": 1,
                                                                                "unit": "px"
                                                                            },
                                                                            "borderStyle": "solid"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "2ee9019b-d656-6077-457a-c708b03fbc50",
                                                                                "type": "Text",
                                                                                "x": 20,
                                                                                "y": 46,
                                                                                "parameters": {
                                                                                    "text": "Shop Items",
                                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                                    "fontSize": {
                                                                                        "value": 14,
                                                                                        "unit": "px"
                                                                                    },
                                                                                    "position": "absolute",
                                                                                    "alignX": "center",
                                                                                    "alignY": "center",
                                                                                    "textAlign": "center"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "961e8b09-b607-9a2c-bec6-73b7a9175a7a",
                                                        "type": "Group",
                                                        "label": "CARD DIVDER",
                                                        "x": 311.80760063167236,
                                                        "y": 1641,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "height": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#F2F2F2",
                                                            "width": {
                                                                "value": 110,
                                                                "unit": "%"
                                                            },
                                                            "position": "relative",
                                                            "alignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "66c834c2-ab81-eb4d-10ab-a711139ec25b",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 1313,
                                                        "parameters": {
                                                            "clip": false
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "0a281e8b-03dd-9f94-0686-d0a4111b36f8",
                                                                "type": "Group",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "marginTop": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentHeight"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "f71fdb9b-b28b-9a77-1d2b-fa70f9964236",
                                                                        "type": "For Each",
                                                                        "x": 20,
                                                                        "y": 46,
                                                                        "parameters": {
                                                                            "templateType": "explicit",
                                                                            "template": "/Orders/Order Item"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "74113689-2a80-379a-c59c-f97f400a4f29",
                                "type": "Group",
                                "x": 20,
                                "y": 1711,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "backgroundColor": "#FFFFFF"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "3ef8702a-0a45-d1f7-4a6a-40a7d127cf4b",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight",
                                            "alignY": "bottom",
                                            "position": "relative",
                                            "marginTop": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2fdf2c18-1bec-27dd-59be-db20ee1f6975",
                                                "type": "/UI Components/Design System/Button",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "Title": "Save"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "b703ab1f-698b-0190-3560-616c23354034",
                        "type": "Component Inputs",
                        "x": 464.1848548812221,
                        "y": 216.7824402395613,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Show Instant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Edit Order Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "To Right Instant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6e6527a8-f368-ab03-6647-ee315801daf7",
                        "type": "Javascript2",
                        "x": 327.4389010448284,
                        "y": 1531.0098610667014,
                        "parameters": {
                            "code": "let created = false\n\ndefine({\n    \n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    mySignal:'signal',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    minutes:'string',\n\t    seconds:'string',\n\t    timeout:'signal'\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tmySignal:function(inputs,outputs) {\n\t    \n\t    if (!created){\n\t        created = true\n\t        let countDownDate = new Date()\n    \t\tcountDownDate.setMinutes(countDownDate.getMinutes() + 15)\n    \t\tcountDownDate = countDownDate.getTime();\n            let t = this\n                \n            // Update the count down every 1 second\n            let x = setInterval(function() {\n            \n              // Get today's date and time\n              let now = new Date().getTime();\n            \n              // Find the distance between now and the count down date\n              let distance = countDownDate - now;\n            \n              // Time calculations for days, hours, minutes and seconds\n              let days = Math.floor(distance / (1000 * 60 * 60 * 24));\n              let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n              let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));\n              let seconds = Math.floor((distance % (1000 * 60)) / 1000);\n            \n              // Output result\n              outputs.minutes = minutes<10 ? '0'+minutes:minutes\n              outputs.seconds = seconds<10 ? '0'+seconds:seconds\n              t.flagOutputDirty('minutes')\n              t.flagOutputDirty('seconds')\n              //console.log(minutes, seconds)\n              \n              if (distance <= 0) {\n                t.sendSignalOnOutput('timeout')\n                clearInterval(x);\n              }\n            }, 1000);\n\t    }\n\t\t\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "mySignal",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "minutes",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            },
                            {
                                "name": "seconds",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "timeout",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "90ed8688-bcce-fc8f-f768-49cf964ed8bd",
                        "type": "String Format",
                        "x": 590.840510943398,
                        "y": 1542.5270852658487,
                        "parameters": {
                            "format": "{min}:{sec}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "min",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "sec",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "439916ef-69e9-c975-7850-8f30be646df6",
                        "type": "States",
                        "x": 587.688739131135,
                        "y": 1449.3310951421229,
                        "parameters": {
                            "states": "show,hide"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "show",
                                        "hide"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "show",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "04def889-903a-4509-d4cd-b5fa888c3267",
                        "type": "Component Outputs",
                        "x": 1174.5448495291507,
                        "y": 2123.8692328808656,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Overview",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f9ec7ac4-56e0-9f84-a558-77ba44e0f7d1",
                        "type": "Globals",
                        "x": 112.85679525438212,
                        "y": 1014.7222189162592,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestDeliveryId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f3175708-1211-781f-4800-39fa3ca6c321",
                        "type": "Globals",
                        "x": 383.0382921433704,
                        "y": 1363.2715616029463,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "OrderPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "OrderQuantity",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d04b1403-a235-d37e-0f1c-b01dc32aa28a",
                        "type": "Collection",
                        "x": -153.74389853911606,
                        "y": 246.24518929250405,
                        "parameters": {
                            "collectionId": "delivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "059c0c2f-2b83-b007-dcdb-842bdb4d250c",
                        "type": "Collection",
                        "x": -140.9772715350835,
                        "y": 480.48869977357595,
                        "parameters": {
                            "collectionId": "shipping"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1719dd2a-a068-0e86-6564-053f7ed5b475",
                        "type": "Model",
                        "x": -376.61935894040215,
                        "y": 322.85229414696244,
                        "parameters": {
                            "properties": "shippingCollectionId,deliveryCollectionId,deliveryDate,deliverySlot"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "09f4acf5-a4d2-de2d-3dbe-dc7e94dff7f6",
                        "type": "/Components/Get Time Label",
                        "x": 157.31497292718035,
                        "y": 480.08011914564423,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "da7af379-3f1e-3639-cedf-8b7ecd9302a5",
                        "type": "Component Outputs",
                        "x": 1242.8839267534606,
                        "y": 293.1213109955311,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Back",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Layers/Second Layer - Orders",
            "graph": {
                "connections": [
                    {
                        "fromId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "fromProperty": "Black Overlay Opacity",
                        "toId": "ceffffcd-8b03-e4be-ef6d-03325e05cd8e",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "fromProperty": "Pos Y",
                        "toId": "f92de08b-234b-634e-c84b-e57ca6928761",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "fromProperty": "Pos Y",
                        "toId": "de2fadd6-748a-6665-0cdb-67a4ef30befc",
                        "toProperty": "y"
                    },
                    {
                        "fromId": "de2fadd6-748a-6665-0cdb-67a4ef30befc",
                        "fromProperty": "result",
                        "toId": "bc7165ca-b3ba-0762-640b-2e824f49e904",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "70570945-5c0e-0630-6002-721ea85bb347",
                        "fromProperty": "To Overview",
                        "toId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "fromProperty": "at-Edit Order",
                        "toId": "cd50f659-defe-4a7c-d902-0bb710cbfa2d",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "fromProperty": "at-Order Details",
                        "toId": "b2cb1385-ba9b-c910-dbf1-ebf309dd42c5",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "b2cb1385-ba9b-c910-dbf1-ebf309dd42c5",
                        "fromProperty": "result",
                        "toId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "toProperty": "to-Edit Order"
                    },
                    {
                        "fromId": "1eb65ed5-ed15-9635-23d5-d568848f7c46",
                        "fromProperty": "Back",
                        "toId": "b2cb1385-ba9b-c910-dbf1-ebf309dd42c5",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "e7a4ef20-62ba-2e15-b298-b6d8d37c47bb",
                        "fromProperty": "To Order Details",
                        "toId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "toProperty": "to-Order Details"
                    },
                    {
                        "fromId": "1eb65ed5-ed15-9635-23d5-d568848f7c46",
                        "fromProperty": "Back",
                        "toId": "cd50f659-defe-4a7c-d902-0bb710cbfa2d",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "1eb65ed5-ed15-9635-23d5-d568848f7c46",
                        "fromProperty": "Back",
                        "toId": "d404114a-746f-29bd-fd23-6a29e9a9f4ff",
                        "toProperty": "back"
                    },
                    {
                        "fromId": "d404114a-746f-29bd-fd23-6a29e9a9f4ff",
                        "fromProperty": "result",
                        "toId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "cd50f659-defe-4a7c-d902-0bb710cbfa2d",
                        "fromProperty": "result",
                        "toId": "a565f7a6-c419-3e50-dc44-54e03e132bb0",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "fromProperty": "at-Showing",
                        "toId": "941f8045-05e1-3d89-3166-d433dca74ca3",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "941f8045-05e1-3d89-3166-d433dca74ca3",
                        "fromProperty": "result",
                        "toId": "5e12ef9e-30b3-beaf-442c-299cdf0bdfa5",
                        "toProperty": "Cart Showing"
                    },
                    {
                        "fromId": "70570945-5c0e-0630-6002-721ea85bb347",
                        "fromProperty": "To Overview",
                        "toId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "toProperty": "to-Order Details"
                    },
                    {
                        "fromId": "70570945-5c0e-0630-6002-721ea85bb347",
                        "fromProperty": "To Edit",
                        "toId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "toProperty": "to-Edit Order"
                    },
                    {
                        "fromId": "70570945-5c0e-0630-6002-721ea85bb347",
                        "fromProperty": "To Edit",
                        "toId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "fromProperty": "currentState",
                        "toId": "db2dd737-7236-dbba-55fb-a250b26d6122",
                        "toProperty": "t"
                    },
                    {
                        "fromId": "32496ba3-cf1c-4f37-022f-79da991be2e0",
                        "fromProperty": "CurrentOrderTitle",
                        "toId": "db2dd737-7236-dbba-55fb-a250b26d6122",
                        "toProperty": "ot"
                    },
                    {
                        "fromId": "db2dd737-7236-dbba-55fb-a250b26d6122",
                        "fromProperty": "result",
                        "toId": "1eb65ed5-ed15-9635-23d5-d568848f7c46",
                        "toProperty": "Title"
                    },
                    {
                        "fromId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "fromProperty": "at-Edit Order",
                        "toId": "941f8045-05e1-3d89-3166-d433dca74ca3",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "e7a4ef20-62ba-2e15-b298-b6d8d37c47bb",
                        "fromProperty": "Close Popup",
                        "toId": "e06b438b-e27a-cb20-c779-ad6047f2b583",
                        "toProperty": "Send"
                    },
                    {
                        "fromId": "e7a4ef20-62ba-2e15-b298-b6d8d37c47bb",
                        "fromProperty": "Close Popup",
                        "toId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "fromProperty": "at-Showing",
                        "toId": "5e12ef9e-30b3-beaf-442c-299cdf0bdfa5",
                        "toProperty": "Showing"
                    },
                    {
                        "fromId": "70570945-5c0e-0630-6002-721ea85bb347",
                        "fromProperty": "To List",
                        "toId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "toProperty": "to-Orders List"
                    },
                    {
                        "fromId": "70570945-5c0e-0630-6002-721ea85bb347",
                        "fromProperty": "To List",
                        "toId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "1fae4a44-87cd-3e54-d3f7-2a2b34f3b813",
                        "fromProperty": "eventReceived",
                        "toId": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "toProperty": "to-Order Details"
                    },
                    {
                        "fromId": "1fae4a44-87cd-3e54-d3f7-2a2b34f3b813",
                        "fromProperty": "eventReceived",
                        "toId": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "toProperty": "to-Showing"
                    }
                ],
                "roots": [
                    {
                        "id": "bc7165ca-b3ba-0762-640b-2e824f49e904",
                        "type": "Group",
                        "x": 1427.2553183678583,
                        "y": 560.1310019333287,
                        "parameters": {
                            "position": "absolute",
                            "blockTouch": false,
                            "pointerEventsEnabled": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ceffffcd-8b03-e4be-ef6d-03325e05cd8e",
                                "type": "Group",
                                "label": "Black Overlay",
                                "x": 1447.2553183678583,
                                "y": 643.1310019333287,
                                "parameters": {
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false,
                                    "backgroundColor": "#000000",
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "f92de08b-234b-634e-c84b-e57ca6928761",
                                "type": "Group",
                                "x": 20,
                                "y": 179,
                                "parameters": {
                                    "position": "absolute",
                                    "transformY": {
                                        "value": 0,
                                        "unit": "%"
                                    },
                                    "backgroundColor": "#ffffff"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "1eb65ed5-ed15-9635-23d5-d568848f7c46",
                                        "type": "/UI Components/Standard Header",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "e7a4ef20-62ba-2e15-b298-b6d8d37c47bb",
                                "type": "/Checkout/Status/Order Status popup",
                                "x": 20,
                                "y": 343,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "04e9b0ce-9867-a01a-00ee-48bd0f3c57a8",
                        "type": "States",
                        "x": 993.9592474820406,
                        "y": 591.4078582283648,
                        "parameters": {
                            "states": "Hidden,Showing",
                            "values": "Pos Y,Black Overlay Opacity",
                            "value-Hidden-Pos Y": 100,
                            "value-Hidden-Black Overlay Opacity": 0,
                            "value-Showing-Pos Y": 0,
                            "value-Showing-Black Overlay Opacity": 0.5,
                            "startState": "Hidden",
                            "duration-Hidden": 500,
                            "duration-Showing": 500
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Pos Y",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Black Overlay Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "Hidden|Pos Y",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Black Overlay Opacity",
                                "displayName": "Black Overlay Opacity",
                                "editorName": "Hidden|Black Overlay Opacity",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Hidden Transition",
                                "name": "transition-Hidden",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Hidden Transition",
                                "name": "duration-Hidden",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hidden",
                                "name": "to-Hidden",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hidden",
                                "name": "at-Hidden",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hidden",
                                "name": "reached-Hidden",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "Showing|Pos Y",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Black Overlay Opacity",
                                "displayName": "Black Overlay Opacity",
                                "editorName": "Showing|Black Overlay Opacity",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Showing Transition",
                                "name": "transition-Showing",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Showing Transition",
                                "name": "duration-Showing",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Showing",
                                "name": "to-Showing",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Showing",
                                "name": "at-Showing",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Showing",
                                "name": "reached-Showing",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hidden",
                                        "Showing"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Hidden",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "de2fadd6-748a-6665-0cdb-67a4ef30befc",
                        "type": "Expression",
                        "x": 1213.404138917121,
                        "y": 546.0631948399474,
                        "parameters": {
                            "expression": "y < 100"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "y",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "70570945-5c0e-0630-6002-721ea85bb347",
                        "type": "Component Inputs",
                        "x": 248.91508575843648,
                        "y": 1127.4136758427985,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Overview",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Edit",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Edit Order Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "To List",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "40bf092f-9c19-9680-293a-3ce2ff94d512",
                        "type": "States",
                        "x": 692.1120266995766,
                        "y": 1068.0608775986902,
                        "parameters": {
                            "states": "Edit Order,Order Details,Orders List",
                            "duration-Home": 0,
                            "duration-Cart": 0,
                            "duration-Order Details": 0,
                            "duration-Edit Order": 0,
                            "duration-Orders List": 0,
                            "startState": "Edit Order"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Edit Order Transition",
                                "name": "transition-Edit Order",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Edit Order Transition",
                                "name": "duration-Edit Order",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Edit Order",
                                "name": "to-Edit Order",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Edit Order",
                                "name": "at-Edit Order",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Edit Order",
                                "name": "reached-Edit Order",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Order Details Transition",
                                "name": "transition-Order Details",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Order Details Transition",
                                "name": "duration-Order Details",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Order Details",
                                "name": "to-Order Details",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Order Details",
                                "name": "at-Order Details",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Order Details",
                                "name": "reached-Order Details",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Orders List Transition",
                                "name": "transition-Orders List",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Orders List Transition",
                                "name": "duration-Orders List",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Orders List",
                                "name": "to-Orders List",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Orders List",
                                "name": "at-Orders List",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Orders List",
                                "name": "reached-Orders List",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Edit Order",
                                        "Order Details",
                                        "Orders List"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Edit Order",
                                "index": 21
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cd50f659-defe-4a7c-d902-0bb710cbfa2d",
                        "type": "And",
                        "label": "Back From Review",
                        "x": 990.4405673569397,
                        "y": 910.6474391496475,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b2cb1385-ba9b-c910-dbf1-ebf309dd42c5",
                        "type": "And",
                        "label": "Back From Order Details",
                        "x": 686.0117916715219,
                        "y": 1328.70117797963,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d404114a-746f-29bd-fd23-6a29e9a9f4ff",
                        "type": "Expression",
                        "x": 990.6233014765119,
                        "y": 774.7490532335651,
                        "parameters": {
                            "expression": "back == true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "back",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a565f7a6-c419-3e50-dc44-54e03e132bb0",
                        "type": "Timer",
                        "x": 702.1270151123376,
                        "y": 904.274470335688,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5e12ef9e-30b3-beaf-442c-299cdf0bdfa5",
                        "type": "Component Outputs",
                        "x": 571.1682122589694,
                        "y": 529.9005585511611,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Cart Showing",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Showing",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "941f8045-05e1-3d89-3166-d433dca74ca3",
                        "type": "And",
                        "x": 570.6147555367,
                        "y": 643.9954648459707,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "32496ba3-cf1c-4f37-022f-79da991be2e0",
                        "type": "Globals",
                        "x": 1761.1438066496205,
                        "y": 920.2228187527472,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "CurrentOrderTitle",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "db2dd737-7236-dbba-55fb-a250b26d6122",
                        "type": "Expression",
                        "x": 1757.7574075071598,
                        "y": 1020.0636949522357,
                        "parameters": {
                            "expression": "t === 'Order Details' ? ot : t"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "t",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "ot",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e06b438b-e27a-cb20-c779-ad6047f2b583",
                        "type": "/UI Components/Select Tab",
                        "x": 1450.4082793499676,
                        "y": 1267.8874048585312,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a1ad5b1b-77a7-4368-6a02-d20c34ea9062",
                        "type": "String",
                        "label": "Added \"at Edit\" - >show on Edit order page",
                        "x": 977.0798136733961,
                        "y": 1050.5015093329941,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cd112440-b3be-06de-c2ba-bb72b27cca6d",
                        "type": "Component Outputs",
                        "x": 1821.4536615810134,
                        "y": 768.4756702353816,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Open Cart",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Order Overview",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1fae4a44-87cd-3e54-d3f7-2a2b34f3b813",
                        "type": "Event Receiver",
                        "x": 219.70601085673758,
                        "y": 1484.6607360333403,
                        "parameters": {
                            "channelName": "View Order Details "
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Data/Components/Load Product JSON",
            "graph": {
                "connections": [
                    {
                        "fromId": "66873b82-d2c8-8a15-9361-93ea2ffd2727",
                        "fromProperty": "resource",
                        "toId": "85ea6eb1-c43e-c308-f05f-73bf9568b1cd",
                        "toProperty": "resource"
                    },
                    {
                        "fromId": "2405bbfe-6f90-4711-486e-02b3ef48822c",
                        "fromProperty": "switchedToOn",
                        "toId": "85ea6eb1-c43e-c308-f05f-73bf9568b1cd",
                        "toProperty": "fetch"
                    },
                    {
                        "fromId": "85ea6eb1-c43e-c308-f05f-73bf9568b1cd",
                        "fromProperty": "statusOK",
                        "toId": "0e5c340a-a6b9-fb9d-01f9-615e795b74ce",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "85ea6eb1-c43e-c308-f05f-73bf9568b1cd",
                        "type": "REST",
                        "x": 263,
                        "y": 310,
                        "parameters": {
                            "resource": "",
                            "backendEndpoint": "./",
                            "code": "if (!String.prototype.trim) {\n  String.prototype.trim = function () {\n    return this.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\n  };\n}\nconst wallyDistributionSources = {};\nfunction assignDistributionSources(csv, source) {\n    \n    const itemIds = csv.split(\",\").map(s => s.trim());\n    \n    itemIds.forEach(id => {\n        wallyDistributionSources[id] = source;\n    });\n}\n\nconst STORE = \"store\";\nconst FULFILLMENT_CENTER = \"fulfillment-center\";\n\nconst oneHourItems = \"158751412, 149101411, 10533743, 613823324, 197513616, 577327930, 380575268, 19400233, 438660232, 188200625, 143388578, 135825185, 51259531, 172844767, 141624000, 51259534, 949147780, 107527567, 156350735, 42350245, 410073921, 10322933, 49400530, 22115890, 32284479, 176495810, 406354336, 100966386, 10532815, 136399615, 479601462, 15136791, 55446514, 167493782, 15136794,15136796, 21553575, 250799404, 856441429, 44391395, 409114643, 47770140, 44390943, 381105260, 51259331, 10447837, 44391004, 44390964, 10449947, 10449950, 132720824, 10451499, 10451498, 152109084, 10312216,10312201, 10312215,817773702, 894936595, 784372171, 158751412, 149101411, 10533743, 613823324, 197513616, 577327930, 380575268, 19400233, 438660232, 188200625, 49606947, 13281704, 42863327, 16213413, 13281697, 10813747, 654638449, 602316951,491144515, 690896434, 22063035, 861459512, 43333516, 601080003, 831780124, 44635137, 659362999\";\nconst todayItems = \"970175971,482532021, 520468661, 604342441, 100025226, 437999998, 563145202, 218997243, 305886954, 545386564, 820048669, 35259232, 9906752, 9906787, 19400346, 147232663, 10965521, 728497708, 435754397, 146088404, 804256964, 112793565, 595408342, 119930097, 34198199, 44390998,278359482, 255884165, 28262560, 732088710, 28262561, 31696292, 104086285,615318904,  19298495,197561051, 857038328, 10740652\";\nconst twoDayItems = \"321737593, 745930459, 598644536, 10994512, 50104314, 15407066, 656073159, 428370796, 9919146, 912571827, 404083275, 9919143, 10994512, 50104314, 15407066, 656073159, 428370796, 9919146, 912571827, 404083275, 9919143, 599032469, 404684797, 42338101, 603136182,325486571, 52502360, 55047788, 544644893, 996180814, 48628996, 22846275, 756993781, 46258989,55704267, 55704267, 22621025, 527347571,43339431, 42312958,49369033, 55394883, 424357148,55302074, 396097579, 718735532, 376550691, 28090994, 748853066, 128368655, 19691885, 24671079, 894899574, 599439435, 784167902, 35843036, 21108354, 542763315, 140840074, 10804980, 251607370, 287903134, 145494971, 140694771, 685902650, 14906404, 17252406, 46701589, 34201637, 38026133.  33963187, 208828668, 528064308, 740722741\";\n\nassignDistributionSources(oneHourItems, STORE);\nassignDistributionSources(todayItems, STORE);\nassignDistributionSources(twoDayItems, FULFILLMENT_CENTER);\n\nfunction generateRandomId() {\n     return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);\n}\n\ndefine({\n\tinputs:{\n\t},\n\t\n\toutputs:{\n\t},\n\t\n\trequest:function(inputs,request) {\n\t},\n\t\n\tresponse:function(outputs,response) {\n\t    \n\t    function formatProduct(product) {\n\t        if(!product.itemId) {\n\t            product.itemId = generateRandomId();\n\t        }\n\t        \n\t        product.id = product.itemId;\n\t        \n\t        if(!product.price) {\n\t            product.price = Math.floor(500 + Math.random()*500) / 100;\n\t        }\n\t        \n\t        if(wallyDistributionSources.hasOwnProperty(product.itemId)) {\n\t            product.distributionSource = wallyDistributionSources[product.itemId];\n\t        }\n\t        else if (product.price < 15){\n\t            product.distributionSource = STORE;\n\t        }else if (product.price >= 15 && product.price < 100){\n\t            product.distributionSource = STORE;\n\t        }else{\n\t            product.distributionSource = FULFILLMENT_CENTER;\n\t        }\n\t        \n\t        if(product.distributionSource === FULFILLMENT_CENTER) {\n\t            product.shippingDays = 1 + Math.floor(Math.random() * 4);\n\t        }\n\t        \n\n\t        if(product.img.substring(0, 5) == \"http:\") {\n\t            const https = \"https:\" + product.img.substring(5);\n\t            product.img = https;\n\t        }\n\t        product.quant = 0;\n\t        \n            product.title = product.title.replace(/<mark>|<\\/mark>/g, '');\n            product.detailedDescription = product.description.detailed;\n            product.description = product.description.short;\n            \n            product.customerRating = Math.floor(2 + Math.random()*3);\n            product.numReviews = Math.floor(Math.random()*700);\n            \n            if (product.reviews && product.reviews.hasOwnProperty(\"customerRating\")) {\n                 product.customerRating = product.reviews.customerRating;\n                 product.numReviews = product.reviews.numReviews;\n            }\n            \n\t        return product;\n\t    }\n\t    \n\t    let jsonProducts = [];\n\t    \n\t    if(Array.isArray(response.content)) {\n    \t    jsonProducts = response.content;\n\t    }\n\t    else {\n\t        for(let category in response.content) {\n\t            const productsInCategory = response.content[category]\n\t                .filter(product => product !== null);\n\n\t            jsonProducts = jsonProducts.concat(productsInCategory);\n\t        }\n\t    }\n\t    \n\t    const products = jsonProducts.map(product => formatProduct(product));\n\t    products.forEach(product => Noodl.Model.create(product));\n\t    const existingProducts = window.wallyProducts || [];\n\t    window.wallyProducts = existingProducts.concat(products);\n\t    \n\t    //create category tree\n\t    window.categoryTree = window.categoryTree || {};\n\t    \n\t    jsonProducts.forEach(product => {\n\t        if(!product.category) {\n\t            //there's just a handful of items that are missing this property\n\t            //so just skip them\n\t            return;\n\t        }\n\t        \n\t        let node = window.categoryTree;\n\t        const path = product.category.path;\n\t        path.forEach(p => {\n\t            node[p.name] = node[p.name] || {products:[]};\n\t            node = node[p.name];\n\t            node.products.push(product);\n\t        });\n\t    });\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "66873b82-d2c8-8a15-9361-93ea2ffd2727",
                        "type": "Component Inputs",
                        "x": 39,
                        "y": 373,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "resource",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2405bbfe-6f90-4711-486e-02b3ef48822c",
                        "type": "Switch",
                        "x": 27,
                        "y": 266,
                        "parameters": {
                            "onFromStart": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0e5c340a-a6b9-fb9d-01f9-615e795b74ce",
                        "type": "Event Sender",
                        "x": 276.33333333333337,
                        "y": 164.16666666666669,
                        "parameters": {
                            "propagation": "parent",
                            "channelName": "Some Data Loaded"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Data/Components/Define Search Query",
            "graph": {
                "connections": [
                    {
                        "fromId": "0731bbf1-a98e-176c-bae9-57e9ee69046c",
                        "fromProperty": "Search Queries",
                        "toId": "bed62eff-de7e-1e69-531a-40256270935c",
                        "toProperty": "queries"
                    },
                    {
                        "fromId": "0731bbf1-a98e-176c-bae9-57e9ee69046c",
                        "fromProperty": "Search Results Items",
                        "toId": "bed62eff-de7e-1e69-531a-40256270935c",
                        "toProperty": "searchResults"
                    },
                    {
                        "fromId": "0731bbf1-a98e-176c-bae9-57e9ee69046c",
                        "fromProperty": "Search Typeahead Items",
                        "toId": "bed62eff-de7e-1e69-531a-40256270935c",
                        "toProperty": "typeaheadResults"
                    },
                    {
                        "fromId": "0731bbf1-a98e-176c-bae9-57e9ee69046c",
                        "fromProperty": "Reformulation",
                        "toId": "bed62eff-de7e-1e69-531a-40256270935c",
                        "toProperty": "reformulation"
                    },
                    {
                        "fromId": "bed62eff-de7e-1e69-531a-40256270935c",
                        "fromProperty": "queryObjects",
                        "toId": "5b34d85d-3658-b3e6-6b50-92bfbf66267f",
                        "toProperty": "Query Objects"
                    }
                ],
                "roots": [
                    {
                        "id": "0731bbf1-a98e-176c-bae9-57e9ee69046c",
                        "type": "Component Inputs",
                        "x": 218,
                        "y": 421,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Search Queries",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Search Results Items",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Search Typeahead Items",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Reformulation",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bed62eff-de7e-1e69-531a-40256270935c",
                        "type": "Javascript2",
                        "x": 490,
                        "y": 420,
                        "parameters": {
                            "code": "//polyfill trim\nif (!String.prototype.trim) {\n  String.prototype.trim = function () {\n    return this.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\n  };\n}\n\nfunction csvToArray(csv) {\n    if(!csv) return [];\n    \n    return csv.split(\",\").map(r => r.trim());\n}\n\ndefine({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    queries: 'string',\n\t    searchResults:'string',\n\t    typeaheadResults:'string',\n\t    reformulation: 'string'\n\t},\n\toutputs: {\n\t    queryObjects: 'array'\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t    \n\t    if(!inputs.queries) return;\n\t\t\n\t\twindow.wallyQueries = window.wallyQueries || {};\n\t\t\n\t\tconst queryObjects = [];\n\t\t\n\t\tcsvToArray(inputs.queries).forEach(query => {\n\t\t    const queryResult = {\n\t\t        results: csvToArray(inputs.searchResults),\n\t\t        typeahead: csvToArray(inputs.typeaheadResults),\n\t\t        reformulation: csvToArray(inputs.reformulation),\n\t\t        horizontalViews: []\n\t\t    };\n\t\t    wallyQueries[query] = queryResult\n\t\t    queryObjects.push(queryResult);\n\t\t});\n\t\t\n\t\toutputs.queryObjects = queryObjects;\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "queries",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "searchResults",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "typeaheadResults",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "reformulation",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "queryObjects",
                                "type": {
                                    "name": "array"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5b34d85d-3658-b3e6-6b50-92bfbf66267f",
                        "type": "Component Outputs",
                        "x": 698,
                        "y": 421,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Query Objects",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Data/Components/Define Search Query - Result Subset",
            "graph": {
                "connections": [
                    {
                        "fromId": "008b98ec-6e62-768f-e915-aa02fa437785",
                        "fromProperty": "Search Results Items",
                        "toId": "f0b3be8c-1df4-320a-b16f-68027f6a183d",
                        "toProperty": "searchResults"
                    },
                    {
                        "fromId": "008b98ec-6e62-768f-e915-aa02fa437785",
                        "fromProperty": "Label",
                        "toId": "f0b3be8c-1df4-320a-b16f-68027f6a183d",
                        "toProperty": "label"
                    },
                    {
                        "fromId": "008b98ec-6e62-768f-e915-aa02fa437785",
                        "fromProperty": "Query Objects",
                        "toId": "f0b3be8c-1df4-320a-b16f-68027f6a183d",
                        "toProperty": "queryObjects"
                    }
                ],
                "roots": [
                    {
                        "id": "008b98ec-6e62-768f-e915-aa02fa437785",
                        "type": "Component Inputs",
                        "x": 223,
                        "y": 329,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Search Results Items",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Query Objects",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f0b3be8c-1df4-320a-b16f-68027f6a183d",
                        "type": "Javascript2",
                        "x": 495,
                        "y": 328,
                        "parameters": {
                            "code": "//polyfill trim\nif (!String.prototype.trim) {\n  String.prototype.trim = function () {\n    return this.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\n  };\n}\n\nfunction csvToArray(csv) {\n    if(!csv) return [];\n    \n    return csv.split(\",\").map(r => r.trim());\n}\n\ndefine({\n\tinputs:{\n\t    label: 'string',\n\t    searchResults:'string',\n\t    queryObjects: 'array'\n\t},\n\t\n\tchange:function(inputs,outputs) {\n\t\t\n\t\tif(!inputs.queryObjects || inputs.queryObjects.length === 0) return;\n\t\t\n\t\tconst itemIds = csvToArray(inputs.searchResults);\n\t\t\n\t\tinputs.queryObjects.forEach(queryResult => {\n\t\t    queryResult.horizontalViews.push({\n\t\t        itemIds: itemIds,\n                label: inputs.label\n\t\t    })\n\t\t})\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "label",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "searchResults",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "queryObjects",
                                "plug": "input",
                                "type": {
                                    "name": "array"
                                },
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/HTML View",
            "graph": {
                "connections": [
                    {
                        "fromId": "dd9b586c-a89e-2dd9-29f5-99c04f4d2977",
                        "fromProperty": "HTML Text",
                        "toId": "b333f093-c54a-a741-bea5-2412cd73d7b0",
                        "toProperty": "html"
                    },
                    {
                        "fromId": "9dfafe42-21cf-d09c-d7fd-a9de1ab1f57b",
                        "fromProperty": "this",
                        "toId": "b333f093-c54a-a741-bea5-2412cd73d7b0",
                        "toProperty": "group"
                    }
                ],
                "roots": [
                    {
                        "id": "9dfafe42-21cf-d09c-d7fd-a9de1ab1f57b",
                        "type": "Group",
                        "x": 494,
                        "y": 474,
                        "parameters": {
                            "sizeMode": "explicit"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dd9b586c-a89e-2dd9-29f5-99c04f4d2977",
                        "type": "Component Inputs",
                        "x": 85,
                        "y": 521,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "HTML Text",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b333f093-c54a-a741-bea5-2412cd73d7b0",
                        "type": "Javascript2",
                        "x": 276,
                        "y": 500,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    group:'reference',\n\t    html: 'string'\n\t},\n\t\n\toutputs:{\n\t    \n\t},\n\n\tchange:function(inputs,outputs) {\n\t\tif(!inputs.group || !inputs.html) return;\n\t\t\n\t\tconst domNode = ReactDOM.findDOMNode(inputs.group.getRef());\n\t\tdomNode.innerHTML = inputs.html;\n\t\tconsole.log(domNode.innerHTML);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "group",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "html",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1b9e2a5d-6fcd-d607-22d5-f6610b2979ec",
                        "type": "CSS Definition",
                        "x": 339,
                        "y": 339,
                        "parameters": {
                            "style": "div {\n    font-family: Bogle-Regular;\n    font-size: 10px;\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Orders/Order Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "fromProperty": "title",
                        "toId": "f2df4237-1941-c22c-8278-af92e816ada1",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "3a245417-5830-aa8d-cc99-d0c5344a5a63",
                        "fromProperty": "formatted",
                        "toId": "d3d470aa-8cc4-29ce-908b-ba075411ec04",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "fromProperty": "img",
                        "toId": "c16b73c8-aabf-b3c3-c555-bfdd8ff82d0e",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "fromProperty": "price",
                        "toId": "dfab2966-e67c-fcb8-b0b6-e5e6f32b0f90",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "d5ba50df-2c2b-a551-7afd-b854446a6919",
                        "fromProperty": "result",
                        "toId": "24f80eb8-17e2-3edc-84a1-1db25c3f5fb4",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "899beeee-91bc-6d53-6d00-2c3ad6036e2a",
                        "fromProperty": "at-show",
                        "toId": "8b107a1e-565b-68c3-093a-6637ce1ce84a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "899beeee-91bc-6d53-6d00-2c3ad6036e2a",
                        "fromProperty": "op",
                        "toId": "8b107a1e-565b-68c3-093a-6637ce1ce84a",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "24f80eb8-17e2-3edc-84a1-1db25c3f5fb4",
                        "fromProperty": "timerFinished",
                        "toId": "899beeee-91bc-6d53-6d00-2c3ad6036e2a",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "dfab2966-e67c-fcb8-b0b6-e5e6f32b0f90",
                        "fromProperty": "result",
                        "toId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "toProperty": "totalPrice"
                    },
                    {
                        "fromId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "fromProperty": "stored",
                        "toId": "d37c6f0d-0920-10e6-73cd-d152eb933758",
                        "toProperty": "trigger"
                    },
                    {
                        "fromId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "fromProperty": "quant",
                        "toId": "dfab2966-e67c-fcb8-b0b6-e5e6f32b0f90",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "dfab2966-e67c-fcb8-b0b6-e5e6f32b0f90",
                        "fromProperty": "result",
                        "toId": "c9078776-e201-6300-cad2-cd25f23aa793",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "c9078776-e201-6300-cad2-cd25f23aa793",
                        "fromProperty": "result",
                        "toId": "3a245417-5830-aa8d-cc99-d0c5344a5a63",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "2b5b5502-972b-c380-6bf9-b941239543af",
                        "fromProperty": "add",
                        "toId": "418c665b-ab6b-89ac-32e6-ff1bc49a4f00",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "2b5b5502-972b-c380-6bf9-b941239543af",
                        "fromProperty": "add",
                        "toId": "ed2664d5-3416-18f9-cb29-da7386dd411c",
                        "toProperty": "increase"
                    },
                    {
                        "fromId": "2b5b5502-972b-c380-6bf9-b941239543af",
                        "fromProperty": "remove",
                        "toId": "ed2664d5-3416-18f9-cb29-da7386dd411c",
                        "toProperty": "decrease"
                    },
                    {
                        "fromId": "ed2664d5-3416-18f9-cb29-da7386dd411c",
                        "fromProperty": "countChanged",
                        "toId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "59b5a5ed-7370-6f6a-10d5-eb2cec2dc06c",
                        "fromProperty": "result",
                        "toId": "1b3583f7-eb67-fe57-71cb-b5cfcfcda63c",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "365f049f-b438-81b2-742c-65e06dda80bc",
                        "fromProperty": "itemId",
                        "toId": "35ecf445-933f-2a11-574b-3037c0f89506",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "35ecf445-933f-2a11-574b-3037c0f89506",
                        "fromProperty": "itemId",
                        "toId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ed2664d5-3416-18f9-cb29-da7386dd411c",
                        "fromProperty": "currentCount",
                        "toId": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "toProperty": "quant"
                    },
                    {
                        "fromId": "35ecf445-933f-2a11-574b-3037c0f89506",
                        "fromProperty": "count",
                        "toId": "59b5a5ed-7370-6f6a-10d5-eb2cec2dc06c",
                        "toProperty": "q"
                    },
                    {
                        "fromId": "35ecf445-933f-2a11-574b-3037c0f89506",
                        "fromProperty": "count",
                        "toId": "d5ba50df-2c2b-a551-7afd-b854446a6919",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "35ecf445-933f-2a11-574b-3037c0f89506",
                        "fromProperty": "count",
                        "toId": "85a4f8cb-34e3-fb5a-c5cf-ce017dfbd94b",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "85a4f8cb-34e3-fb5a-c5cf-ce017dfbd94b",
                        "fromProperty": "result",
                        "toId": "24f80eb8-17e2-3edc-84a1-1db25c3f5fb4",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "35ecf445-933f-2a11-574b-3037c0f89506",
                        "fromProperty": "count",
                        "toId": "2b5b5502-972b-c380-6bf9-b941239543af",
                        "toProperty": "quant"
                    }
                ],
                "roots": [
                    {
                        "id": "8b107a1e-565b-68c3-093a-6637ce1ce84a",
                        "type": "Group",
                        "x": 1012.7792598176035,
                        "y": 488.4240258946105,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1b3583f7-eb67-fe57-71cb-b5cfcfcda63c",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c16b73c8-aabf-b3c3-c555-bfdd8ff82d0e",
                                        "type": "Image",
                                        "x": 370,
                                        "y": 459,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 50,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 50,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "1f648afa-799a-cee8-88ab-efb91f81eab2",
                                        "type": "Group",
                                        "x": 370,
                                        "y": 541,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "ad94a3df-c43d-4554-7ebc-3e1d8d757ad2",
                                                "type": "Group",
                                                "label": "Top",
                                                "x": 390,
                                                "y": 587,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 3,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "2d3689d7-fa10-0286-7f9b-f2bdc635b47e",
                                                        "type": "Group",
                                                        "x": 410,
                                                        "y": 648,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "f2df4237-1941-c22c-8278-af92e816ada1",
                                                                "type": "Text",
                                                                "x": 430,
                                                                "y": 694,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "sizeMode": "contentHeight",
                                                                    "width": {
                                                                        "value": 70,
                                                                        "unit": "%"
                                                                    },
                                                                    "fontSize": {
                                                                        "value": 12,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "d3d470aa-8cc4-29ce-908b-ba075411ec04",
                                                        "type": "Text",
                                                        "x": 410,
                                                        "y": 776,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 18,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentSize",
                                                            "alignX": "right",
                                                            "width": {
                                                                "value": 45,
                                                                "unit": "px"
                                                            },
                                                            "textAlign": "right"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "72bc7fc3-7578-2904-e030-1b8b25956ad6",
                                                "type": "Group",
                                                "label": "Bottom",
                                                "x": 390,
                                                "y": 858,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 3,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "34bbc8f1-3b41-cf9f-fc7f-02e35e7c7c4d",
                                                        "type": "Group",
                                                        "x": 410,
                                                        "y": 919,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "f5ba0aec-441a-9f4e-69bf-a731b6112644",
                                                                "type": "Group",
                                                                "label": "Save For Later Link",
                                                                "x": 430,
                                                                "y": 965,
                                                                "parameters": {
                                                                    "sizeMode": "explicit"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "fc30e48e-94fb-c934-b0d7-f4ef35370c65",
                                                                        "type": "Text",
                                                                        "x": 450,
                                                                        "y": 1026,
                                                                        "parameters": {
                                                                            "text": "Save for later",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 16,
                                                                                "unit": "px"
                                                                            },
                                                                            "style": "{\n    textDecoration: 'underline'\n}"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "cb4f0739-f2dc-6a5f-6f0a-8aaed14507d6",
                                                        "type": "Group",
                                                        "x": 410,
                                                        "y": 1072,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "width": {
                                                                "value": 100,
                                                                "unit": "%"
                                                            },
                                                            "height": {
                                                                "value": 30,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "2b5b5502-972b-c380-6bf9-b941239543af",
                                                                "type": "/UI Components/Item Counter",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {},
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "05866ab8-69d4-f534-0121-52115bee0297",
                                "type": "/UI Components/Flexible Divider",
                                "x": 350,
                                "y": 1240,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "6c75412f-0cb3-a360-19f8-45f3c753bb7b",
                        "type": "Model",
                        "label": "Model",
                        "x": 577.9893568854288,
                        "y": 660.6634271483056,
                        "parameters": {
                            "properties": "title,price,img,totalPrice,quant"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "totalPrice",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "365f049f-b438-81b2-742c-65e06dda80bc",
                        "type": "For Each Actions",
                        "x": 24.576450521175275,
                        "y": 513.0848039022109,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3a245417-5830-aa8d-cc99-d0c5344a5a63",
                        "type": "String Format",
                        "x": 791.6411052690235,
                        "y": 1048.541461658012,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dfab2966-e67c-fcb8-b0b6-e5e6f32b0f90",
                        "type": "Expression",
                        "x": 620.2290380784212,
                        "y": 893.4772524534951,
                        "parameters": {
                            "expression": "+(round(num * c + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d5ba50df-2c2b-a551-7afd-b854446a6919",
                        "type": "Expression",
                        "x": 1399.2248861745843,
                        "y": 881.7234269489954,
                        "parameters": {
                            "expression": "c === 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "24f80eb8-17e2-3edc-84a1-1db25c3f5fb4",
                        "type": "Timer",
                        "x": 1399.143677405778,
                        "y": 751.7363205540843,
                        "parameters": {
                            "duration": 500
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "899beeee-91bc-6d53-6d00-2c3ad6036e2a",
                        "type": "States",
                        "x": 1401.0877367130752,
                        "y": 602.8074558529064,
                        "parameters": {
                            "states": "show,hide",
                            "values": "op",
                            "value-show-op": 1,
                            "value-hide-op": 0,
                            "duration-show": 600,
                            "duration-hide": 600
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "op",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-op",
                                "displayName": "op",
                                "editorName": "show|op",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-op",
                                "displayName": "op",
                                "editorName": "hide|op",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "show",
                                        "hide"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "show",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d37c6f0d-0920-10e6-73cd-d152eb933758",
                        "type": "Trigger Item Action",
                        "x": 228.61216041056866,
                        "y": 729.0992183876464,
                        "parameters": {
                            "actionName": "changeCount"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5225b716-c1be-9330-2081-38ff176802ef",
                        "type": "Event Sender",
                        "x": 338.9370744357241,
                        "y": 1283.9207976100147,
                        "parameters": {
                            "channelName": "Add to order"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2c41e689-b2d6-2a1d-b88b-3aa8d33e807d",
                        "type": "Event Sender",
                        "x": 339.3570002610956,
                        "y": 1383.2236314892268,
                        "parameters": {
                            "channelName": "Remove from order"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c9078776-e201-6300-cad2-cd25f23aa793",
                        "type": "Expression",
                        "x": 625.8229142787156,
                        "y": 1034.5086715165266,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "418c665b-ab6b-89ac-32e6-ff1bc49a4f00",
                        "type": "Expression",
                        "x": 638.9988980145936,
                        "y": 1456.1974704987726,
                        "parameters": {
                            "expression": "add ? q+1 : q"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "add",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "q",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ed2664d5-3416-18f9-cb29-da7386dd411c",
                        "type": "Counter",
                        "x": 628.2481942848907,
                        "y": 1211.2900062936815,
                        "parameters": {
                            "startValue": 1
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "59b5a5ed-7370-6f6a-10d5-eb2cec2dc06c",
                        "type": "Expression",
                        "x": 788.3532698838583,
                        "y": 432.89954964277126,
                        "parameters": {
                            "expression": "q > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "q",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "35ecf445-933f-2a11-574b-3037c0f89506",
                        "type": "Model",
                        "label": "Cart Entry",
                        "x": 486.60006816230236,
                        "y": 480.20650132341734,
                        "parameters": {
                            "properties": "itemId,count"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "count",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "85a4f8cb-34e3-fb5a-c5cf-ce017dfbd94b",
                        "type": "Expression",
                        "x": 1623.6000681623023,
                        "y": 896.2065013234173,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Place Order",
            "graph": {
                "connections": [
                    {
                        "fromId": "8d635a1d-5856-c579-e208-62dca9d38898",
                        "fromProperty": "items",
                        "toId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "toProperty": "predelivery"
                    },
                    {
                        "fromId": "886fd80a-bbfc-1e2a-8839-bcc7a67a675c",
                        "fromProperty": "items",
                        "toId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "toProperty": "preshipping"
                    },
                    {
                        "fromId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "fromProperty": "clear",
                        "toId": "a768f745-74ec-fc7d-3cfc-829663d4c156",
                        "toProperty": "clear"
                    },
                    {
                        "fromId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "fromProperty": "clear",
                        "toId": "8d635a1d-5856-c579-e208-62dca9d38898",
                        "toProperty": "clear"
                    },
                    {
                        "fromId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "fromProperty": "clear",
                        "toId": "886fd80a-bbfc-1e2a-8839-bcc7a67a675c",
                        "toProperty": "clear"
                    },
                    {
                        "fromId": "ffb18e3b-31eb-d848-4404-9ca12a1924cf",
                        "fromProperty": "eventReceived",
                        "toId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "toProperty": "placeOrder"
                    },
                    {
                        "fromId": "f8f7ea1b-a4ca-9acb-34ce-6422fdb40ab4",
                        "fromProperty": "items",
                        "toId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "toProperty": "orders"
                    },
                    {
                        "fromId": "ce7604ac-3f86-b896-bb28-40522262e1ba",
                        "fromProperty": "timerFinished",
                        "toId": "560d706f-56d6-c98a-6ed9-ef13d2432bf8",
                        "toProperty": "findOrder"
                    },
                    {
                        "fromId": "f8f7ea1b-a4ca-9acb-34ce-6422fdb40ab4",
                        "fromProperty": "items",
                        "toId": "560d706f-56d6-c98a-6ed9-ef13d2432bf8",
                        "toProperty": "orders"
                    },
                    {
                        "fromId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "fromProperty": "clear",
                        "toId": "ce7604ac-3f86-b896-bb28-40522262e1ba",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "f8f7ea1b-a4ca-9acb-34ce-6422fdb40ab4",
                        "fromProperty": "items",
                        "toId": "93e84744-99f2-29bf-8173-e0886089f271",
                        "toProperty": "orders"
                    },
                    {
                        "fromId": "560d706f-56d6-c98a-6ed9-ef13d2432bf8",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "0c7c0c3b-272b-339f-eeef-48a0fe05ff15",
                        "toProperty": "LatestDeliveryId"
                    },
                    {
                        "fromId": "560d706f-56d6-c98a-6ed9-ef13d2432bf8",
                        "fromProperty": "shippingCollectionId",
                        "toId": "0c7c0c3b-272b-339f-eeef-48a0fe05ff15",
                        "toProperty": "LatestShippingId"
                    },
                    {
                        "fromId": "560d706f-56d6-c98a-6ed9-ef13d2432bf8",
                        "fromProperty": "orderModelId",
                        "toId": "0c7c0c3b-272b-339f-eeef-48a0fe05ff15",
                        "toProperty": "LatestOrderId"
                    },
                    {
                        "fromId": "e24fd0c3-a475-382e-f2d6-fed159f3dee9",
                        "fromProperty": "eventReceived",
                        "toId": "93e84744-99f2-29bf-8173-e0886089f271",
                        "toProperty": "place"
                    },
                    {
                        "fromId": "e24fd0c3-a475-382e-f2d6-fed159f3dee9",
                        "fromProperty": "itemId",
                        "toId": "93e84744-99f2-29bf-8173-e0886089f271",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "b89946e4-014f-5fbe-9357-c29784dd9fce",
                        "fromProperty": "csvItemsIdsAndCounts",
                        "toId": "93e84744-99f2-29bf-8173-e0886089f271",
                        "toProperty": "csvItemIdsAndCounts"
                    },
                    {
                        "fromId": "b89946e4-014f-5fbe-9357-c29784dd9fce",
                        "fromProperty": "eventReceived",
                        "toId": "93e84744-99f2-29bf-8173-e0886089f271",
                        "toProperty": "placeListOrder"
                    },
                    {
                        "fromId": "18558b67-76d9-1cb3-540f-9bae9d5e3781",
                        "fromProperty": "deliveryDate",
                        "toId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "toProperty": "deliveryDate"
                    },
                    {
                        "fromId": "18558b67-76d9-1cb3-540f-9bae9d5e3781",
                        "fromProperty": "deliverySlot",
                        "toId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "toProperty": "deliverySlot"
                    },
                    {
                        "fromId": "18558b67-76d9-1cb3-540f-9bae9d5e3781",
                        "fromProperty": "deliveryType",
                        "toId": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "toProperty": "deliveryType"
                    },
                    {
                        "fromId": "ce7604ac-3f86-b896-bb28-40522262e1ba",
                        "fromProperty": "timerFinished",
                        "toId": "ed02bd81-0f75-56ce-bbc7-60b7f388a85b",
                        "toProperty": "Order Placed"
                    },
                    {
                        "fromId": "93e84744-99f2-29bf-8173-e0886089f271",
                        "fromProperty": "orderWasPlaced",
                        "toId": "369ea423-08b0-64ec-ae1e-a0ac31ce3c1b",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "e24fd0c3-a475-382e-f2d6-fed159f3dee9",
                        "fromProperty": "itemId",
                        "toId": "369ea423-08b0-64ec-ae1e-a0ac31ce3c1b",
                        "toProperty": "modal_id"
                    },
                    {
                        "fromId": "93e84744-99f2-29bf-8173-e0886089f271",
                        "fromProperty": "orderId",
                        "toId": "369ea423-08b0-64ec-ae1e-a0ac31ce3c1b",
                        "toProperty": "Order Id"
                    }
                ],
                "roots": [
                    {
                        "id": "a768f745-74ec-fc7d-3cfc-829663d4c156",
                        "type": "Collection",
                        "x": 1254.611284388069,
                        "y": 574.7176669465935,
                        "parameters": {
                            "collectionId": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8d635a1d-5856-c579-e208-62dca9d38898",
                        "type": "Collection",
                        "x": 1259.2307460087022,
                        "y": 687.4023978243761,
                        "parameters": {
                            "collectionId": "predelivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "886fd80a-bbfc-1e2a-8839-bcc7a67a675c",
                        "type": "Collection",
                        "x": 1260.2789663677718,
                        "y": 822.5570867091969,
                        "parameters": {
                            "collectionId": "preshipping"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0a9e337a-57ff-f4d5-bd1c-b4931bdcc03b",
                        "type": "Javascript2",
                        "x": 763.7860922098631,
                        "y": 582.7910384195548,
                        "parameters": {
                            "code": "define({\n\n\tinputs:{\n\t    predelivery:'collection',\n\t    preshipping:'collection',\n\t    orders:'collection',\n\t    deliveryDate:'object',\n\t    deliverySlot:'number',\n\t    deliveryType:'string',\n\t    shippingDate: 'object',\n\t    placeOrder: 'signal',\n\t    \n\t},\n\toutputs:{\n\t    clear:'signal',\n\t    shippingDate:'string'\n\t},\n\t\n\tplaceOrder:function(inputs,outputs) {\n\t    const newOrder = window.Ferrell.createAndSetUpNewOrderModel(inputs.deliveryDate, inputs.deliverySlot, inputs.deliveryType, inputs.shippingDate);\n\t    \n\t    const deliveryCollection = Noodl.Collection.get(newOrder.get(\"deliveryCollectionId\"));\n\t    const shippingCollection = Noodl.Collection.get(newOrder.get(\"shippingCollectionId\"));\n\t    \n\t    console.log(\"new\", JSON.stringify(newOrder));\n\t    \n\t    const allOrders = [];\n\t    inputs.orders.each(order => {\n\t        allOrders.push(order);\n\t    })\n\t    allOrders.unshift(newOrder);\n\t    inputs.orders.set(allOrders);\n\t    \n\t    const addCopyToCollection = (collection, cartEntry) =>  {\n\t        let dataCopy = JSON.parse(JSON.stringify(cartEntry.data));\n\t\t    collection.add(Noodl.Model.create(dataCopy));\n\t    }\n\t    \n\t    // Copying items\n\t\tinputs.predelivery.each((model) => {\n\t\t    addCopyToCollection(deliveryCollection, model)\n\t\t});\n\t\t\n\t\tinputs.preshipping.each((model) => {\n\t\t    addCopyToCollection(shippingCollection, model)\n\t\t});\n\t\t\n\t\tthis.sendSignalOnOutput('clear');\n\t},\n\t\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n",
                            "useExternalFile": "no"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "predelivery",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "preshipping",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "orders",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "deliveryDate",
                                "plug": "input",
                                "type": {
                                    "name": "object"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "deliverySlot",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "deliveryType",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 7
                            },
                            {
                                "name": "shippingDate",
                                "plug": "input",
                                "type": {
                                    "name": "object"
                                },
                                "group": "Inputs",
                                "index": 8
                            },
                            {
                                "name": "placeOrder",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 9
                            },
                            {
                                "name": "clear",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "shippingDate",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e24fd0c3-a475-382e-f2d6-fed159f3dee9",
                        "type": "Event Receiver",
                        "label": "Place Buy Now Order",
                        "x": -88.32453133752063,
                        "y": 941.0865517313106,
                        "parameters": {
                            "channelName": "Place Buy Now Order"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ffb18e3b-31eb-d848-4404-9ca12a1924cf",
                        "type": "Event Receiver",
                        "x": 262.9931650888681,
                        "y": 784.4180073270411,
                        "parameters": {
                            "channelName": "PlaceOrder"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f8f7ea1b-a4ca-9acb-34ce-6422fdb40ab4",
                        "type": "Collection",
                        "x": 272.29759181082125,
                        "y": 649.0133497583133,
                        "parameters": {
                            "collectionId": "orders"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "560d706f-56d6-c98a-6ed9-ef13d2432bf8",
                        "type": "Javascript2",
                        "x": 265.6209826206712,
                        "y": 453.7299874224824,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    findOrder:'signal',\n\t    orders: 'collection'\n\t},\n\toutputs:{\n\t    deliveryCollectionId: 'string',\n\t    shippingCollectionId: 'string',\n\t    orderModelId: 'string',\n\t    found: 'signal'\n\t},\n\tfindOrder:function(inputs,outputs) {\n\t\tlet latest = inputs.orders.get(0);\n\t\tlet deliveryCollectionId = latest.get('deliveryCollectionId');\n\t\tlet shippingCollectionId = latest.get('shippingCollectionId');\n\t\toutputs.deliveryCollectionId = deliveryCollectionId;\n\t\toutputs.shippingCollectionId = shippingCollectionId;\n\t\toutputs.orderModelId = latest.getId();\n\t\t// flagOutputDirty is probably not needed here, but leaving it in, since I don't know why it's here\n\t\tthis.flagOutputDirty('deliveryCollectionId');\n\t\tthis.flagOutputDirty('shippingCollectionId');\n\t\tthis.flagOutputDirty('orderModelId');\n\t\tthis.sendSignalOnOutput('found');\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "findOrder",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "orders",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "deliveryCollectionId",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "shippingCollectionId",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "orderModelId",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "found",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ce7604ac-3f86-b896-bb28-40522262e1ba",
                        "type": "Timer",
                        "x": 468.5217109989158,
                        "y": 515.9249405204373,
                        "parameters": {
                            "duration": 0
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0c7c0c3b-272b-339f-eeef-48a0fe05ff15",
                        "type": "Globals",
                        "x": -28.98686453837479,
                        "y": 493.70968811481885,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestDeliveryId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestShippingId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestOrderId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "93e84744-99f2-29bf-8173-e0886089f271",
                        "type": "Javascript2",
                        "label": "Place Buy Now Order",
                        "x": 260.17546866247926,
                        "y": 938.0865517313106,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    place:'signal',\n\t    placeListOrder:'signal',\n\t    itemId: \"string\",\n\t    \n\t    orders: \"collection\",\n\t    csvItemIdsAndCounts: \"string\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    orderWasPlaced: 'signal',\n\t    orderId: \"string\"\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tplace:function(inputs,outputs) {\n\t    \n\t    if( window.wallyProducts === undefined) {\n\t        // search results hasn't loaded and order was placed\n\t        return;\n\t    }\n\t    \n\t    let deliveryType = \"delivery\";\n\n\t    if(window.wallyFulfillmentSlots.hasOwnProperty(deliveryType)) {\n\t\t    let items = window.wallyFulfillmentSlots[deliveryType];\n\t\t    \n            let firstCheapestSlot = items[0];\n\t\t              \n            for(let i = 1; i < items.length; ++i) {\n                let compareItem = items[i];\n\t\t                \n                if(compareItem.busy === false) {\n                    let fullDateCurrent = new Date(firstCheapestSlot.date);\n                    fullDateCurrent.setHours(firstCheapestSlot.value);\n    \t\t                \n                    let fullDateCompare = new Date(compareItem.date);\n                    fullDateCompare.setHours(compareItem.value);\n    \t\t                \n                    if(compareItem.price < firstCheapestSlot.price) {\n                        firstCheapestSlot = compareItem;\n    \t\t        } else if(compareItem.price <= firstCheapestSlot.price  && fullDateCompare < fullDateCurrent) {\n                        firstCheapestSlot = compareItem;\n                    }\n                }\n            }\n            \n            console.log(\"Date: \", firstCheapestSlot.date);\n            console.log(\"value: \", firstCheapestSlot.value);\n            \n            const newOrder = window.Ferrell.createAndSetUpNewOrderModel(firstCheapestSlot.date, firstCheapestSlot.value, deliveryType, firstCheapestSlot.date);\n\t    \n\t        const deliveryCollection = Noodl.Collection.get(newOrder.get(\"deliveryCollectionId\"));\n\t        const shippingCollection = Noodl.Collection.get(newOrder.get(\"shippingCollectionId\"));\n\t    \n\t        inputs.orders.add(newOrder);\n\n            let item = window.wallyProducts.find(p=>p.itemId === inputs.itemId);\n\n    \t    if(item.shippingTime > 0 ) {\n    \t        shippingCollection.add(Noodl.Model.create({\n    \t            \"itemId\": inputs.itemId,\n    \t            \"count\": 1}));\n    \t    } else {\n    \t        deliveryCollection.add(Noodl.Model.create({\n    \t            \"itemId\": inputs.itemId,\n    \t            \"count\": 1}));\n    \t    }\n    \t    \n    \t    outputs.orderId = newOrder.getId();\n            \n\t        this.sendSignalOnOutput('orderWasPlaced');\n        }\n\t},\n\t\n\tplaceListOrder:function(inputs,outputs) {\n\t    let itemIdsAndCounts = inputs.csvItemIdsAndCounts.split(',');\n\t    \n\t    const newOrder = window.Ferrell.createAndSetUpNewOrderModel(inputs.deliveryDate);\n\t    \n\t    const deliveryCollection = Noodl.Collection.get(newOrder.get(\"deliveryCollectionId\"));\n\t    const shippingCollection = Noodl.Collection.get(newOrder.get(\"shippingCollectionId\"));\n\t    \n\t    inputs.orders.add(newOrder);\n\t    \n\t    \n\t    \n\t    for(let i = 0; i < itemIdsAndCounts.length; i += 2) {\n\t        if(itemIdsAndCounts[i]) {\n\t            let item = window.wallyProducts.find(p=>p.itemId === itemIdsAndCounts[i]);\n\t            Noodl.Model.create(item);\n\t            if(item.shippingTime > 0 ) {\n        \t        shippingCollection.add(Noodl.Model.create({\n        \t            \"itemId\": itemIdsAndCounts[i],\n        \t            \"count\": Number(itemIdsAndCounts[i + 1])}));\n\t            } else {\n        \t        deliveryCollection.add(Noodl.Model.create({\n        \t            \"itemId\": itemIdsAndCounts[i],\n        \t            \"count\": Number(itemIdsAndCounts[i + 1])}));\n        \t    }\n\t        }\n\t    }\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "place",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "placeListOrder",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "orders",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "csvItemIdsAndCounts",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "orderWasPlaced",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "orderId",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b89946e4-014f-5fbe-9357-c29784dd9fce",
                        "type": "Event Receiver",
                        "x": 6.747037564458424,
                        "y": 1139.803951092194,
                        "parameters": {
                            "channelName": "Place Buy Now List Order"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "18558b67-76d9-1cb3-540f-9bae9d5e3781",
                        "type": "Model",
                        "x": 792.9008837183046,
                        "y": 873.1116433998861,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ed02bd81-0f75-56ce-bbc7-60b7f388a85b",
                        "type": "Component Outputs",
                        "x": 737.768101234381,
                        "y": 385.97110759505233,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Order Placed",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "369ea423-08b0-64ec-ae1e-a0ac31ce3c1b",
                        "type": "Event Sender",
                        "x": 497.7586167712436,
                        "y": 1151.4253550375643,
                        "parameters": {
                            "channelName": "Show Buy Now Confirmation"
                        },
                        "ports": [
                            {
                                "name": "modal_id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "Order Id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Orders/Order Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "10507acf-6ff5-225b-f343-91edfb6f4f73",
                        "fromProperty": "items",
                        "toId": "725aa3ed-8981-693f-fcfe-6746ea236aa0",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "6912599f-6342-35e1-2fcd-cc5d92dee327",
                        "fromProperty": "formatted",
                        "toId": "6f6f10f9-087f-12af-0aac-5456c65ebf31",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "fb204249-7059-6e8e-4667-d900b3840f6e",
                        "fromProperty": "formatted",
                        "toId": "cd3f70d6-ef65-571c-bffe-ba8667c93a19",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "536f994c-5613-ac0e-2a62-488bbbf56a1b",
                        "fromProperty": "items",
                        "toId": "3a25e8f7-2daa-950d-930d-dd8dabfaafad",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "79c75a6f-5324-2855-d072-7b21574bc411",
                        "fromProperty": "result",
                        "toId": "cba06f3e-a435-9a7a-ccb9-1882fcb2e7f6",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "79c75a6f-5324-2855-d072-7b21574bc411",
                        "fromProperty": "result",
                        "toId": "5499e5f0-f825-6a0b-e93c-7bc1ee4c952e",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "536f994c-5613-ac0e-2a62-488bbbf56a1b",
                        "fromProperty": "count",
                        "toId": "79c75a6f-5324-2855-d072-7b21574bc411",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "10507acf-6ff5-225b-f343-91edfb6f4f73",
                        "fromProperty": "count",
                        "toId": "f646c7f3-7f7d-a9ad-ad1f-cbaf3a0ebb8a",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "f646c7f3-7f7d-a9ad-ad1f-cbaf3a0ebb8a",
                        "fromProperty": "result",
                        "toId": "3d814a10-3168-05d9-2f47-94a7cd9715c9",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "f9809ef9-852d-1cd3-beec-71f329f7b98b",
                        "fromProperty": "result",
                        "toId": "fb204249-7059-6e8e-4667-d900b3840f6e",
                        "toProperty": "number"
                    },
                    {
                        "fromId": "6fb03bea-06af-1ce1-db58-d874938f5254",
                        "fromProperty": "itemId",
                        "toId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "10507acf-6ff5-225b-f343-91edfb6f4f73",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "shippingCollectionId",
                        "toId": "536f994c-5613-ac0e-2a62-488bbbf56a1b",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "6fb03bea-06af-1ce1-db58-d874938f5254",
                        "fromProperty": "itemId",
                        "toId": "86383ffe-cdab-672b-f3d6-e9585797f7f6",
                        "toProperty": "Order Id"
                    },
                    {
                        "fromId": "6fb03bea-06af-1ce1-db58-d874938f5254",
                        "fromProperty": "itemId",
                        "toId": "2b69ba53-1499-6ad1-100e-71b72eae9875",
                        "toProperty": "Order Id"
                    },
                    {
                        "fromId": "e4cc3728-f8e1-58bb-a132-cf9125f8829e",
                        "fromProperty": "onClick",
                        "toId": "2b69ba53-1499-6ad1-100e-71b72eae9875",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "title",
                        "toId": "c735d437-0152-1b25-aed1-7765bce98407",
                        "toProperty": "CurrentOrderTitle"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "237ab617-0e1a-d718-d2ba-f7d069c3d08a",
                        "toProperty": "Cart Id"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "shippingCollectionId",
                        "toId": "7480a532-97ec-f522-81a4-82456a713085",
                        "toProperty": "Cart Id"
                    },
                    {
                        "fromId": "237ab617-0e1a-d718-d2ba-f7d069c3d08a",
                        "fromProperty": "Total Count",
                        "toId": "7fe48189-1231-a1d5-d1ce-1356064fb054",
                        "toProperty": "a"
                    },
                    {
                        "fromId": "7480a532-97ec-f522-81a4-82456a713085",
                        "fromProperty": "Total Count",
                        "toId": "7fe48189-1231-a1d5-d1ce-1356064fb054",
                        "toProperty": "b"
                    },
                    {
                        "fromId": "7fe48189-1231-a1d5-d1ce-1356064fb054",
                        "fromProperty": "result",
                        "toId": "6912599f-6342-35e1-2fcd-cc5d92dee327",
                        "toProperty": "number"
                    },
                    {
                        "fromId": "237ab617-0e1a-d718-d2ba-f7d069c3d08a",
                        "fromProperty": "Total Price",
                        "toId": "5977e2fb-09a4-acd6-e19c-a248979750ce",
                        "toProperty": "a"
                    },
                    {
                        "fromId": "7480a532-97ec-f522-81a4-82456a713085",
                        "fromProperty": "Total Price",
                        "toId": "5977e2fb-09a4-acd6-e19c-a248979750ce",
                        "toProperty": "b"
                    },
                    {
                        "fromId": "5977e2fb-09a4-acd6-e19c-a248979750ce",
                        "fromProperty": "result",
                        "toId": "f9809ef9-852d-1cd3-beec-71f329f7b98b",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "7fe48189-1231-a1d5-d1ce-1356064fb054",
                        "fromProperty": "result",
                        "toId": "33ccf2db-ca1a-0c53-8dce-4dfeec2437b1",
                        "toProperty": "OrderQuantity"
                    },
                    {
                        "fromId": "5977e2fb-09a4-acd6-e19c-a248979750ce",
                        "fromProperty": "result",
                        "toId": "33ccf2db-ca1a-0c53-8dce-4dfeec2437b1",
                        "toProperty": "OrderPrice"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "deliveryDate",
                        "toId": "2db89ffb-b77a-c8f5-7f14-9ea928515d21",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "deliverySlot",
                        "toId": "2db89ffb-b77a-c8f5-7f14-9ea928515d21",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "2db89ffb-b77a-c8f5-7f14-9ea928515d21",
                        "fromProperty": "Arrives By Label",
                        "toId": "625ad362-3be1-dc6c-dbab-d7bac9df2322",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "shippingDate",
                        "toId": "e1c1b2dc-18a1-4452-1ca7-a692a4d208e3",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "e1c1b2dc-18a1-4452-1ca7-a692a4d208e3",
                        "fromProperty": "Arrives By Label",
                        "toId": "0fbc700f-55ba-f586-d51c-9dfa7962b058",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "9533780a-6969-e2e6-23aa-38f74ce77748",
                        "fromProperty": "Click",
                        "toId": "86383ffe-cdab-672b-f3d6-e9585797f7f6",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "fromProperty": "title",
                        "toId": "5d6129a9-9e36-f66f-46a6-8d9cc71aeaee",
                        "toProperty": "order"
                    },
                    {
                        "fromId": "5d6129a9-9e36-f66f-46a6-8d9cc71aeaee",
                        "fromProperty": "formattedOrder",
                        "toId": "1734e914-1ac5-77ec-fe77-9632a1bc2ea4",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "8a9c2cdb-b76b-86b0-4aec-2731d598650b",
                        "type": "Group",
                        "label": "Content",
                        "x": 1099.2496108757093,
                        "y": 617,
                        "parameters": {
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 32,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3d814a10-3168-05d9-2f47-94a7cd9715c9",
                                "type": "Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "sizeMode": "contentHeight",
                                    "borderRadius": 8,
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "borderStyle": "solid",
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetY": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetX": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "boxShadowInset": false,
                                    "boxShadowColor": "rgba(0,0,0,0.1)"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6be49ece-a013-9ed0-99ff-5c9aa420c961",
                                        "type": "Group",
                                        "label": "HEADER",
                                        "x": 1139.2496108757093,
                                        "y": 760,
                                        "parameters": {
                                            "flexDirection": "column",
                                            "marginBottom": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "e4cc3728-f8e1-58bb-a132-cf9125f8829e",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "borderRadius": 6
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "07df9a9a-a39d-9c53-0db6-5d21715279d1",
                                                        "type": "Group",
                                                        "x": 1179.2496108757093,
                                                        "y": 903,
                                                        "parameters": {
                                                            "marginLeft": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "1734e914-1ac5-77ec-fe77-9632a1bc2ea4",
                                                                "type": "Text",
                                                                "x": 1199.2496108757093,
                                                                "y": 949,
                                                                "parameters": {
                                                                    "sizeMode": "contentWidth",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "alignY": "center",
                                                                    "lineHeight": 2,
                                                                    "color": "#000000",
                                                                    "text": "Order Title"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "cd3f70d6-ef65-571c-bffe-ba8667c93a19",
                                                                "type": "Text",
                                                                "x": 1199.2496108757093,
                                                                "y": 1031,
                                                                "parameters": {
                                                                    "sizeMode": "contentWidth",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "alignY": "center",
                                                                    "lineHeight": 2,
                                                                    "color": "#696969",
                                                                    "alignX": "right",
                                                                    "position": "absolute"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "796e0c9d-5277-aa32-d4c6-c894104f807b",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 435,
                                        "parameters": {
                                            "clip": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1727394f-daf2-e7a7-8d62-24372f26b6a5",
                                                "type": "Group",
                                                "label": "Delivery",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "flexDirection": "column",
                                                    "marginLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "3a647e94-b2fd-8a65-f10f-74d52d55c82c",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "625ad362-3be1-dc6c-dbab-d7bac9df2322",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Delivery today",
                                                                    "sizeMode": "contentWidth"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "96fceaa3-3fba-f4b2-4ff7-930519e920e0",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 128,
                                                                "parameters": {
                                                                    "sizeMode": "contentWidth",
                                                                    "alignY": "center",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Change",
                                                                    "marginLeft": {
                                                                        "value": 4,
                                                                        "unit": "px"
                                                                    },
                                                                    "style": "{\n    textDecoration: \"underline\"\n}",
                                                                    "marginTop": {
                                                                        "value": 3,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "b56088fc-95c8-aaa0-220d-f214d61cf92a",
                                                        "type": "/Checkout/Status/Status tracker",
                                                        "x": 20,
                                                        "y": 235,
                                                        "parameters": {
                                                            "status": ""
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "5cef51d9-9e78-5536-a95c-0ab35e38e6a1",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 281,
                                                        "parameters": {
                                                            "marginTop": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "marginBottom": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "f19f937f-1592-0491-ce2b-780e817d1787",
                                                                "type": "/Components/Divider",
                                                                "x": 1275.5096438004841,
                                                                "y": 1540.4804444997976,
                                                                "parameters": {},
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "6f6f10f9-087f-12af-0aac-5456c65ebf31",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 373,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "alignY": "center",
                                                            "lineHeight": 2,
                                                            "color": "#46474A"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "4417cd4a-ef49-1c64-a74c-e77bd4017eec",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 455,
                                                        "parameters": {
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "flexDirection": "row",
                                                            "marginBottom": {
                                                                "value": 24,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "c8c4eec3-af36-c4e8-4142-e4f625ba2006",
                                                                "type": "Group",
                                                                "x": 1199.2496108757093,
                                                                "y": 1476,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 0,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginRight": {
                                                                        "value": 15,
                                                                        "unit": "px"
                                                                    },
                                                                    "flexDirection": "row"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "725aa3ed-8981-693f-fcfe-6746ea236aa0",
                                                                        "type": "For Each",
                                                                        "x": 20,
                                                                        "y": 46,
                                                                        "parameters": {
                                                                            "templateType": "explicit",
                                                                            "template": "/Checkout/Checkout Item"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "39b266f1-6409-6cee-5ed0-6186b6292047",
                                                        "type": "Group",
                                                        "x": 1179.2496108757093,
                                                        "y": 1604,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "marginBottom": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "9533780a-6969-e2e6-23aa-38f74ce77748",
                                                                "type": "/UI Components/Design System/Button",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "Title": "Edit items",
                                                                    "Outlined": false
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "cba06f3e-a435-9a7a-ccb9-1882fcb2e7f6",
                                                "type": "Group",
                                                "label": "CARD DIVDER",
                                                "x": 1159.2496108757093,
                                                "y": 1732,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "height": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#F2F2F2",
                                                    "width": {
                                                        "value": 100,
                                                        "unit": "%"
                                                    },
                                                    "position": "relative",
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "5499e5f0-f825-6a0b-e93c-7bc1ee4c952e",
                                                "type": "Group",
                                                "label": "Shipping",
                                                "x": 20,
                                                "y": 900,
                                                "parameters": {
                                                    "flexDirection": "column",
                                                    "marginLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "0fbc700f-55ba-f586-d51c-9dfa7962b058",
                                                        "type": "Text",
                                                        "x": 1179.2496108757093,
                                                        "y": 1926,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            },
                                                            "text": "Ship to home, Thur Apr 3"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "85c60bb2-0b88-ad77-cdfd-0f7dd3522ea8",
                                                        "type": "/Checkout/Status/Status tracker",
                                                        "x": 1179.2496108757093,
                                                        "y": 2008,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "e1be44c7-90b6-4276-8a35-4869166f5dac",
                                                        "type": "Group",
                                                        "x": 1179.2496108757093,
                                                        "y": 2054,
                                                        "parameters": {
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "6d7f6f8c-ca5f-b549-686a-007edfcdda42",
                                                                "type": "Group",
                                                                "x": 1199.2496108757093,
                                                                "y": 2100,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 0,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginRight": {
                                                                        "value": 15,
                                                                        "unit": "px"
                                                                    },
                                                                    "flexDirection": "row"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "3a25e8f7-2daa-950d-930d-dd8dabfaafad",
                                                                        "type": "For Each",
                                                                        "x": 1219.2496108757093,
                                                                        "y": 2146,
                                                                        "parameters": {
                                                                            "templateType": "explicit",
                                                                            "template": "/Checkout/Checkout Item"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "1b40e4cb-b69b-4cee-a78e-6d09bb2c7a21",
                                                        "type": "Group",
                                                        "x": 1179.2496108757093,
                                                        "y": 2228,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "marginBottom": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "eb10365e-0f87-dc35-a856-cf182db45c40",
                                                                "type": "/UI Components/Design System/Button",
                                                                "x": 20,
                                                                "y": 92,
                                                                "parameters": {
                                                                    "Title": "Edit",
                                                                    "Outlined": true
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "10507acf-6ff5-225b-f343-91edfb6f4f73",
                        "type": "Collection",
                        "label": "Delivery",
                        "x": 744.4095934580832,
                        "y": 1472.7918220747667,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6912599f-6342-35e1-2fcd-cc5d92dee327",
                        "type": "String Format",
                        "x": 1439.5697872641365,
                        "y": 1450.8090676637983,
                        "parameters": {
                            "format": "{number} items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "number",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fb204249-7059-6e8e-4667-d900b3840f6e",
                        "type": "String Format",
                        "x": 1425.8730834580708,
                        "y": 1093.42521991801,
                        "parameters": {
                            "format": "${number}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "number",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "536f994c-5613-ac0e-2a62-488bbbf56a1b",
                        "type": "Collection",
                        "label": "Shipping",
                        "x": 680.0783184969325,
                        "y": 1943.762682960884,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "79c75a6f-5324-2855-d072-7b21574bc411",
                        "type": "Expression",
                        "x": 913.5191339825599,
                        "y": 1854.2440271000798,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f646c7f3-7f7d-a9ad-ad1f-cbaf3a0ebb8a",
                        "type": "Expression",
                        "x": 667.2051273609447,
                        "y": 1375.745552726997,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f9809ef9-852d-1cd3-beec-71f329f7b98b",
                        "type": "Expression",
                        "x": 1665.1135468327554,
                        "y": 1079.2781744095557,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6fb03bea-06af-1ce1-db58-d874938f5254",
                        "type": "For Each Actions",
                        "x": 179,
                        "y": 1015,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "14f30900-2586-b851-ec58-d0f7c4e82040",
                        "type": "Model",
                        "x": 370.8826251904135,
                        "y": 1109.3429323571147,
                        "parameters": {
                            "properties": "deliveryCollectionId,shippingCollectionId,title,deliveryDate,shippingDate,deliverySlot"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "86383ffe-cdab-672b-f3d6-e9585797f7f6",
                        "type": "Event Sender",
                        "x": 1507.0908626954554,
                        "y": 1561.3528605694457,
                        "parameters": {
                            "propagation": "parent",
                            "channelName": "Order Edit Clicked"
                        },
                        "ports": [
                            {
                                "name": "Order Id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2b69ba53-1499-6ad1-100e-71b72eae9875",
                        "type": "Event Sender",
                        "x": 1725.9055442639021,
                        "y": 1333.3265369721428,
                        "parameters": {
                            "channelName": "Order Overview Cliecked",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "Order Id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c735d437-0152-1b25-aed1-7765bce98407",
                        "type": "Globals",
                        "x": 626.5768027798721,
                        "y": 888.5788839704911,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "CurrentOrderTitle",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "33ccf2db-ca1a-0c53-8dce-4dfeec2437b1",
                        "type": "Globals",
                        "x": 2099.322822706491,
                        "y": 973.2202709106716,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "OrderPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "OrderQuantity",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "237ab617-0e1a-d718-d2ba-f7d069c3d08a",
                        "type": "/Cart/Cart Totals",
                        "label": "Delivery Totals",
                        "x": 1500.3714251244892,
                        "y": 652.6899388558379,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7480a532-97ec-f522-81a4-82456a713085",
                        "type": "/Cart/Cart Totals",
                        "label": "Shipping Totals",
                        "x": 1522.5401410027166,
                        "y": 805.18046103855,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7fe48189-1231-a1d5-d1ce-1356064fb054",
                        "type": "Expression",
                        "label": "Total Count",
                        "x": 1852.2207224643594,
                        "y": 734.9904017596198,
                        "parameters": {
                            "expression": "a+b"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "a",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "b",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5977e2fb-09a4-acd6-e19c-a248979750ce",
                        "type": "Expression",
                        "label": "Total Price",
                        "x": 2073.425757767655,
                        "y": 728.6094872797169,
                        "parameters": {
                            "expression": "a+b"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "a",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "b",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2db89ffb-b77a-c8f5-7f14-9ea928515d21",
                        "type": "/Components/Get Time Label",
                        "x": 855.3033526569163,
                        "y": 1222.1240795180863,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e1c1b2dc-18a1-4452-1ca7-a692a4d208e3",
                        "type": "/Components/Get Time Label",
                        "x": 795.3033526569163,
                        "y": 1758.1240795180863,
                        "parameters": {
                            "Use Long Day Format": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5d6129a9-9e36-f66f-46a6-8d9cc71aeaee",
                        "type": "Javascript2",
                        "x": 826.062761526965,
                        "y": 863.9405242725785,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    order: \"string\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    formattedOrder: \"string\"\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t    if(!inputs.order)\n\t        return;\n\t\toutputs.formattedOrder = inputs.order.split(\"from \")[1] +\" order\";\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "order",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "formattedOrder",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/curated content card/curated list item",
            "graph": {
                "connections": [
                    {
                        "fromId": "8eae1770-a5cb-2936-cf80-081dd2af1b03",
                        "fromProperty": "img",
                        "toId": "f7c6952e-f955-2663-1e20-b64b27408005",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "8eae1770-a5cb-2936-cf80-081dd2af1b03",
                        "fromProperty": "price",
                        "toId": "c5d51b58-7470-97b6-a8ec-cf518fa8843b",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "c5d51b58-7470-97b6-a8ec-cf518fa8843b",
                        "fromProperty": "formatted",
                        "toId": "effe7222-54d7-7216-87c5-01c4d927c739",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "fromProperty": "at-option",
                        "toId": "2f312db7-b60a-eeb5-5078-4e62e13fb870",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "fromProperty": "at-added",
                        "toId": "1ed97e42-543d-a3ca-9c1a-480cc086746d",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "fromProperty": "op",
                        "toId": "5bc7e998-9a95-92c4-7546-6916a213da61",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "2f312db7-b60a-eeb5-5078-4e62e13fb870",
                        "fromProperty": "onClick",
                        "toId": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "toProperty": "to-added"
                    },
                    {
                        "fromId": "1ed97e42-543d-a3ca-9c1a-480cc086746d",
                        "fromProperty": "onClick",
                        "toId": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "toProperty": "to-option"
                    },
                    {
                        "fromId": "6978b977-f9cd-2944-29ca-8c2aa39452fc",
                        "fromProperty": "itemId",
                        "toId": "8eae1770-a5cb-2936-cf80-081dd2af1b03",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "3eb4fe1d-bcce-35bc-c05b-7049a8b0a3ef",
                        "fromProperty": "timerFinished",
                        "toId": "9e052eaf-11e5-50cc-abca-b45e3f58c79b",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "8eae1770-a5cb-2936-cf80-081dd2af1b03",
                        "fromProperty": "itemId",
                        "toId": "9e052eaf-11e5-50cc-abca-b45e3f58c79b",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "fromProperty": "reached-added",
                        "toId": "3eb4fe1d-bcce-35bc-c05b-7049a8b0a3ef",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "fromProperty": "reached-option",
                        "toId": "d680da8a-e034-2f43-727f-5cee04528bcb",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "8eae1770-a5cb-2936-cf80-081dd2af1b03",
                        "fromProperty": "itemId",
                        "toId": "5cfed0d5-1506-65d8-3d4b-5f3179f0c077",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "d680da8a-e034-2f43-727f-5cee04528bcb",
                        "fromProperty": "timerFinished",
                        "toId": "5cfed0d5-1506-65d8-3d4b-5f3179f0c077",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "b8c5c64e-a313-eb9f-1e3f-01b94df40cb3",
                        "type": "Group",
                        "x": 566.7504004540272,
                        "y": 567.2254783352371,
                        "parameters": {
                            "sizeMode": "contentSize"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5bc7e998-9a95-92c4-7546-6916a213da61",
                                "type": "Group",
                                "x": 622.4816424213277,
                                "y": 551.6811606526537,
                                "parameters": {
                                    "flexDirection": "column",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentSize",
                                    "marginRight": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5b1bb143-2af0-56ca-1e48-c103b57207e4",
                                        "type": "Group",
                                        "x": 642.4816424213277,
                                        "y": 633.6811606526537,
                                        "parameters": {
                                            "width": {
                                                "value": 60,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "f7c6952e-f955-2663-1e20-b64b27408005",
                                                "type": "Image",
                                                "x": 662.4816424213277,
                                                "y": 679.6811606526537,
                                                "parameters": {
                                                    "sizeMode": "explicit"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "effe7222-54d7-7216-87c5-01c4d927c739",
                                        "type": "Text",
                                        "x": 642.4816424213277,
                                        "y": 761.6811606526537,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "textAlign": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "2f312db7-b60a-eeb5-5078-4e62e13fb870",
                                "type": "Group",
                                "x": 622.4816424213277,
                                "y": 843.6811606526537,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "position": "absolute",
                                    "alignX": "right",
                                    "marginRight": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5278a3b6-a489-10d0-95f2-0c37dfd6acfa",
                                        "type": "Circle",
                                        "x": 642.4816424213277,
                                        "y": 945.6811606526537,
                                        "parameters": {
                                            "fillColor": "#0071CE",
                                            "size": 20
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6cdd40ef-c360-4524-5bf6-96450384dc11",
                                        "type": "Image",
                                        "x": 642.4816424213277,
                                        "y": 991.6811606526537,
                                        "parameters": {
                                            "src": "icons/icon_plus_white.svg",
                                            "position": "absolute",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "transformY": {
                                                "value": -2,
                                                "unit": "px"
                                            },
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "1ed97e42-543d-a3ca-9c1a-480cc086746d",
                                "type": "Group",
                                "x": 622.4816424213277,
                                "y": 1037.6811606526537,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "position": "absolute",
                                    "alignX": "center",
                                    "alignY": "center",
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "transformX": {
                                        "value": -10,
                                        "unit": "px"
                                    },
                                    "transformY": {
                                        "value": -5,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "b3cf7de5-c936-9441-18ce-b9b5357fd77f",
                                        "type": "Image",
                                        "x": 642.4816424213277,
                                        "y": 1139.6811606526537,
                                        "parameters": {
                                            "src": "icons/green-check copy.svg",
                                            "position": "absolute",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8eae1770-a5cb-2936-cf80-081dd2af1b03",
                        "type": "Model",
                        "x": 334,
                        "y": 634.269749192774,
                        "parameters": {
                            "properties": "title,price,img,totalPrice,quant,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "totalPrice",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6978b977-f9cd-2944-29ca-8c2aa39452fc",
                        "type": "For Each Actions",
                        "x": 335.26875803269945,
                        "y": 533.5443176825834,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c5d51b58-7470-97b6-a8ec-cf518fa8843b",
                        "type": "String Format",
                        "x": 332.83534288427967,
                        "y": 775.9904618177657,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e1267dc7-2100-f14d-c910-7ae2ec5ad92c",
                        "type": "States",
                        "x": 877.6350213179487,
                        "y": 839.4289402659817,
                        "parameters": {
                            "states": "option,added",
                            "values": "op",
                            "startState": "option",
                            "value-option-op": 1,
                            "value-added-op": 0.3,
                            "value-in cart already-op": 0.3
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "op",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "option Values",
                                "name": "value-option-op",
                                "displayName": "op",
                                "editorName": "option|op",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "option Transition",
                                "name": "transition-option",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "option Transition",
                                "name": "duration-option",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To option",
                                "name": "to-option",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At option",
                                "name": "at-option",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached option",
                                "name": "reached-option",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "added Values",
                                "name": "value-added-op",
                                "displayName": "op",
                                "editorName": "added|op",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "added Transition",
                                "name": "transition-added",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "added Transition",
                                "name": "duration-added",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To added",
                                "name": "to-added",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At added",
                                "name": "at-added",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached added",
                                "name": "reached-added",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "option",
                                        "added"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "option",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9e052eaf-11e5-50cc-abca-b45e3f58c79b",
                        "type": "Event Sender",
                        "x": 1432.8911213427173,
                        "y": 692.5169942120945,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3eb4fe1d-bcce-35bc-c05b-7049a8b0a3ef",
                        "type": "Timer",
                        "x": 1180.677690210421,
                        "y": 801.093179811648,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d680da8a-e034-2f43-727f-5cee04528bcb",
                        "type": "Timer",
                        "x": 1196.5117172770226,
                        "y": 980.9224872109091,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5cfed0d5-1506-65d8-3d4b-5f3179f0c077",
                        "type": "Event Sender",
                        "x": 1439.6771329426895,
                        "y": 941.3374195444052,
                        "parameters": {
                            "channelName": "Remove from cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/curated content card/curated card",
            "graph": {
                "connections": [
                    {
                        "fromId": "db885c90-1c34-25c8-ea24-dcb1e6df7d0e",
                        "fromProperty": "title",
                        "toId": "acaf1d0b-2e8f-a308-b171-13f6998bca2e",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "db885c90-1c34-25c8-ea24-dcb1e6df7d0e",
                        "fromProperty": "subtitle",
                        "toId": "e76abd42-df39-85e2-0468-7efba3dc9f65",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "db885c90-1c34-25c8-ea24-dcb1e6df7d0e",
                        "fromProperty": "mounted",
                        "toId": "24011773-d8a6-81a2-ef81-ba8bc19918fe",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "984713ca-5f8e-faa5-2931-d680360c1fa5",
                        "fromProperty": "items",
                        "toId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "toProperty": "offers"
                    },
                    {
                        "fromId": "984713ca-5f8e-faa5-2931-d680360c1fa5",
                        "fromProperty": "items",
                        "toId": "b02ed1b5-3499-e9d1-1bfc-b074e7fd6a47",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "24011773-d8a6-81a2-ef81-ba8bc19918fe",
                        "fromProperty": "didMount",
                        "toId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "toProperty": "showOffers"
                    },
                    {
                        "fromId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "fromProperty": "totalCost",
                        "toId": "a920c5fa-cca3-7c50-f205-5e5b31b80d02",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "a920c5fa-cca3-7c50-f205-5e5b31b80d02",
                        "fromProperty": "formatted",
                        "toId": "69ba2d6c-0a97-d7d0-7038-05c1cbe3593a",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "fromProperty": "addToCart0",
                        "toId": "1bad5aa8-ae6b-b061-164a-48c130302ec5",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "fromProperty": "itemId1",
                        "toId": "0ac700fb-98cd-ab76-8338-07b9236cb63c",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "fromProperty": "itemId2",
                        "toId": "ecb78087-e69f-1837-77c6-852ec0bf4bb9",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "fromProperty": "itemId0",
                        "toId": "1bad5aa8-ae6b-b061-164a-48c130302ec5",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "102e08b6-1c4d-76bd-3a49-359e22185179",
                        "fromProperty": "onClick",
                        "toId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "toProperty": "buyAllAction"
                    },
                    {
                        "fromId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "fromProperty": "itemId1",
                        "toId": "64039146-fe0b-760d-e551-0b52b61205d3",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "64039146-fe0b-760d-e551-0b52b61205d3",
                        "fromProperty": "timerFinished",
                        "toId": "0ac700fb-98cd-ab76-8338-07b9236cb63c",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "36b78491-7849-2199-2b54-45201ef8d595",
                        "fromProperty": "addToCart2",
                        "toId": "549659c4-0fbe-bf0f-58a2-d3df6714fa5f",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "549659c4-0fbe-bf0f-58a2-d3df6714fa5f",
                        "fromProperty": "timerFinished",
                        "toId": "ecb78087-e69f-1837-77c6-852ec0bf4bb9",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "24011773-d8a6-81a2-ef81-ba8bc19918fe",
                        "type": "Group",
                        "x": 464.0411296390703,
                        "y": 466.611041814426,
                        "parameters": {
                            "marginTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "mounted": false,
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "968fb471-1235-ff07-a096-d4e2d787bb18",
                                "type": "Group",
                                "label": "Card s/Shadow",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "flexDirection": "column",
                                    "boxShadowEnabled": true,
                                    "paddingLeft": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowColor": "#F2F2F2"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "20dea58b-93f8-c69b-54ac-705c5fb212ed",
                                        "type": "Group",
                                        "label": "Top horizon",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "49d0d580-c5c4-512a-14c0-ec6f3ec9a330",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "acaf1d0b-2e8f-a308-b171-13f6998bca2e",
                                                        "type": "Text",
                                                        "label": "Master your",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "text": "Master your laundry routine",
                                                            "sizeMode": "contentHeight",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "5aa960ea-6fd3-370f-3adf-d3777da5422c",
                                                        "type": "Group",
                                                        "label": "Picks from",
                                                        "x": 20,
                                                        "y": 143,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "flexDirection": "row",
                                                            "marginTop": {
                                                                "value": 7,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "21b124e9-3d51-e687-4c15-b830c0af45a2",
                                                                "type": "Image",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "src": "icons/icon_star_yellow.svg",
                                                                    "alignY": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "e76abd42-df39-85e2-0468-7efba3dc9f65",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 107,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-RegularItalic.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Picks from associate Lina K.",
                                                                    "marginLeft": {
                                                                        "value": 6,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "bb7f15c7-e781-5baa-edc3-57cd2980e19b",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 393,
                                                "parameters": {
                                                    "sizeMode": "contentWidth"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "fa22f6de-472b-996c-4f5c-5e9d861ddb86",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "backgroundColor": "#DBF5EC",
                                                            "sizeMode": "contentSize",
                                                            "flexDirection": "row",
                                                            "paddingLeft": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "paddingRight": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "paddingTop": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "borderRadius": 5,
                                                            "position": "relative",
                                                            "alignX": "right"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "938d8437-85ed-a20d-e10d-dd894001485c",
                                                                "type": "Image",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "alignY": "center",
                                                                    "srcSet": "icons/clock.png, icons/clock@2x.png 2x, icons/clock@3x.png 3x"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "3971ae1e-0819-f3d5-850f-a54922ad8068",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 92,
                                                                "parameters": {
                                                                    "color": "#0DBA7F",
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 11,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginLeft": {
                                                                        "value": 4,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Available in 1 hour"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "d7d63553-0559-6472-b160-15010bda982e",
                                        "type": "Group",
                                        "label": "Bottom Hor",
                                        "x": 20,
                                        "y": 638,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "paddingRight": {
                                                "value": 13,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": -1,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d7b0a4fe-d402-1ab0-f70c-8f02107fabac",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "explicit",
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "clip": true,
                                                    "scrollBehavior": "noodl"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "b02ed1b5-3499-e9d1-1bfc-b074e7fd6a47",
                                                        "type": "For Each",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "template": "/Search/curated content card/curated list item"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "5443146c-83da-9837-d590-26164c455a07",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 189,
                                                "parameters": {
                                                    "sizeMode": "contentWidth",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "a41eb7d6-a0d3-11f1-808e-baa3bac1019d",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "69ba2d6c-0a97-d7d0-7038-05c1cbe3593a",
                                                                "type": "Text",
                                                                "label": "Available in 1 hour",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "sizeMode": "contentWidth",
                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "102e08b6-1c4d-76bd-3a49-359e22185179",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 189,
                                                        "parameters": {
                                                            "marginTop": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 5,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentHeight"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "3d204054-4027-9b85-6ec7-0e6fc2c8cb43",
                                                                "type": "/UI Components/Design System/Button",
                                                                "x": 20,
                                                                "y": 82,
                                                                "parameters": {
                                                                    "Outlined": true,
                                                                    "Small": true,
                                                                    "Title": "Add all"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "db885c90-1c34-25c8-ea24-dcb1e6df7d0e",
                        "type": "Component Inputs",
                        "x": 183.02192653351005,
                        "y": 500.8512339327708,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "subtitle",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "36b78491-7849-2199-2b54-45201ef8d595",
                        "type": "Javascript2",
                        "x": 51.81606470290944,
                        "y": 911.5838723022229,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    showOffers:'signal',\n\t    offers:'collection',\n\t    buyAllAction:'signal',\n\t},\n\toutputs:{\n\t    totalCost: 'number',\n\t    addToCart0:'signal',\n\t    itemId0:'string',\n\t    addToCart1:'signal',\n\t    itemId1:'string',\n\t    addToCart2:'signal',\n\t    itemId2:'string',\n\t},\n\n\tshowOffers:function(inputs,outputs) {\n\t    \n\t    const createOffer = function(itemId){\n\t        const product = window.wallyProducts ? window.wallyProducts.find(p=>p.itemId === itemId) : false\n\t        if (product) {\n\t            let v = {}\n\t            v.itemId = product.itemId\n\t            v.img = product.img\n\t\t        v.price = product.price\n\t\t        return v\n\t        }\n\t    }\n\n\t\tlet offers = []\n\t\toffers.push(createOffer(\"278117206\"))\n\t\toffers.push(createOffer(\"229709419\"))\n\t\toffers.push(createOffer(\"11045884\"))\n\t\tinputs.offers.set(offers);\n\t\t\n\t\toutputs.totalCost = 0;\n\t\toffers.forEach(element => {\n\t\t    outputs.totalCost += element.price;\n\t\t});\n\t\t\n\t},\n\tbuyAllAction:function(inputs, outputs) {\n\t    outputs.itemId0 = \"278117206\";\n        this.sendSignalOnOutput(\"addToCart0\");\n\t    outputs.itemId1 = \"229709419\";\n        this.sendSignalOnOutput(\"addToCart1\");\n \t    outputs.itemId2 = \"11045884\";\n        this.sendSignalOnOutput(\"addToCart2\");\n   \t   \n\t},\n\t\n\tchange:function(inputs,outputs) {\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "showOffers",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "offers",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "buyAllAction",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "totalCost",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "addToCart0",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "itemId0",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "addToCart1",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "itemId1",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 9
                            },
                            {
                                "name": "addToCart2",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "itemId2",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "984713ca-5f8e-faa5-2931-d680360c1fa5",
                        "type": "Collection",
                        "x": 39.66237118031529,
                        "y": 1158.9124635343376,
                        "parameters": {
                            "collectionId": "LinaK"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a920c5fa-cca3-7c50-f205-5e5b31b80d02",
                        "type": "String Format",
                        "x": 290.6226282231643,
                        "y": 1084.9968258028991,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1bad5aa8-ae6b-b061-164a-48c130302ec5",
                        "type": "Event Sender",
                        "x": -478.4420252675803,
                        "y": 742.4921254501904,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0ac700fb-98cd-ab76-8338-07b9236cb63c",
                        "type": "Event Sender",
                        "x": -479.22442530378333,
                        "y": 894.1388690016303,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ecb78087-e69f-1837-77c6-852ec0bf4bb9",
                        "type": "Event Sender",
                        "x": -478.75342309205257,
                        "y": 1046.9884169885993,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "64039146-fe0b-760d-e551-0b52b61205d3",
                        "type": "Timer",
                        "x": -268.7731616437795,
                        "y": 918.741360244725,
                        "parameters": {
                            "duration": 50
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "549659c4-0fbe-bf0f-58a2-d3df6714fa5f",
                        "type": "Timer",
                        "x": -250.7310951108418,
                        "y": 1111.190069929392,
                        "parameters": {
                            "duration": 100
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Cart/Cart Count",
            "graph": {
                "connections": [
                    {
                        "fromId": "a4526904-870c-6891-3d55-30d986bb8d11",
                        "fromProperty": "items",
                        "toId": "077501b6-d0c4-2e47-d19a-60ae4ea58c37",
                        "toProperty": "cart"
                    },
                    {
                        "fromId": "077501b6-d0c4-2e47-d19a-60ae4ea58c37",
                        "fromProperty": "cartCount",
                        "toId": "51950814-1d70-5a69-5e63-a9049d218da3",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "51950814-1d70-5a69-5e63-a9049d218da3",
                        "fromProperty": "savedValue",
                        "toId": "25a3e130-815d-e9ed-cc12-4c9a8f64ff52",
                        "toProperty": "Cart Count"
                    },
                    {
                        "fromId": "37486e42-25c2-1dec-27dc-64174649bda8",
                        "fromProperty": "Item Id",
                        "toId": "077501b6-d0c4-2e47-d19a-60ae4ea58c37",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "37486e42-25c2-1dec-27dc-64174649bda8",
                        "fromProperty": "Cart Id",
                        "toId": "a45840d5-c9ed-3e66-5519-52c9d8bf06b7",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a45840d5-c9ed-3e66-5519-52c9d8bf06b7",
                        "fromProperty": "savedValue",
                        "toId": "a4526904-870c-6891-3d55-30d986bb8d11",
                        "toProperty": "collectionId"
                    }
                ],
                "roots": [
                    {
                        "id": "077501b6-d0c4-2e47-d19a-60ae4ea58c37",
                        "type": "Javascript2",
                        "x": 579.2523511425175,
                        "y": 259.57137171985426,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    itemId:'string',\n\t    cart: 'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    cartCount: \"number\"\n\t},\n\n\tsetup(inputs, outputs) {\n\t    this.updateCount = () => {\n            if(!this.cartEntry) {\n\t            outputs.cartCount = 0;\n\t        } else {\n\t            outputs.cartCount = this.cartEntry.get(\"count\");\n\t        }\n\t        this.flagOutputDirty('cartCount');\n\t    }\n\t    \n\t    this.manageListenersAndUpdateCount = () => {\n\t        let cartEntry = window.Ferrell.findEntryByItemId(inputs.cart, inputs.itemId);\n\t        if(cartEntry) {\n\t            this.cartEntry = cartEntry;\n\t            cartEntry.on('change', this.updateCount);\n\t        } else {\n\t            if(this.cartEntry) {\n\t                this.cartEntry.off('change',this.updateCount);\n\t            }\n\t            this.cartEntry = null;\n\t        } \n\t        this.updateCount();\n\t    }\n\t    \n\t    this.manageListenersAndUpdateCount();\n\t    \n\t    inputs.cart.on('change', () => {\n\t        console.log(\"change in cart detected in item\");\n\t        this.manageListenersAndUpdateCount();\n\t        });\n\t},\n\tdestroy(inputs, outputs) {\n        if(this.cartEntry) {\n            this.cartEntry.off('change',this.updateCount);\n        }\n        inputs.cart.off('change', this.manageListeners);\n\t}, \n\tchange(inputs, outputs) {\n\t    this.manageListenersAndUpdateCount();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "cart",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "cartCount",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a4526904-870c-6891-3d55-30d986bb8d11",
                        "type": "Collection",
                        "x": 573,
                        "y": 121,
                        "parameters": {
                            "collectionId": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "37486e42-25c2-1dec-27dc-64174649bda8",
                        "type": "Component Inputs",
                        "x": 138,
                        "y": 223,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Cart Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "25a3e130-815d-e9ed-cc12-4c9a8f64ff52",
                        "type": "Component Outputs",
                        "x": 1015,
                        "y": 386,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Cart Count",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "51950814-1d70-5a69-5e63-a9049d218da3",
                        "type": "Number",
                        "x": 863,
                        "y": 252,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a45840d5-c9ed-3e66-5519-52c9d8bf06b7",
                        "type": "String",
                        "x": 316,
                        "y": 132,
                        "parameters": {
                            "value": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Cart/Cart Totals",
            "graph": {
                "connections": [
                    {
                        "fromId": "514e029b-7574-f39f-6855-4806d630634e",
                        "fromProperty": "items",
                        "toId": "21eb7de8-0046-045c-daa0-a0b88bc0e080",
                        "toProperty": "cart"
                    },
                    {
                        "fromId": "21eb7de8-0046-045c-daa0-a0b88bc0e080",
                        "fromProperty": "totalPrice",
                        "toId": "170f41c5-6408-1640-a84c-a74ca6026941",
                        "toProperty": "Total Price"
                    },
                    {
                        "fromId": "21eb7de8-0046-045c-daa0-a0b88bc0e080",
                        "fromProperty": "totalCount",
                        "toId": "170f41c5-6408-1640-a84c-a74ca6026941",
                        "toProperty": "Total Count"
                    },
                    {
                        "fromId": "f6a9144c-5d49-3e8b-0754-955477c25e21",
                        "fromProperty": "eventReceived",
                        "toId": "21eb7de8-0046-045c-daa0-a0b88bc0e080",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "042c6cd0-d09e-77e5-ce9f-26a5c53aa837",
                        "fromProperty": "Cart Id",
                        "toId": "760f2086-7602-4dc1-f748-71394c564d52",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "760f2086-7602-4dc1-f748-71394c564d52",
                        "fromProperty": "savedValue",
                        "toId": "514e029b-7574-f39f-6855-4806d630634e",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "760f2086-7602-4dc1-f748-71394c564d52",
                        "fromProperty": "savedValue",
                        "toId": "21eb7de8-0046-045c-daa0-a0b88bc0e080",
                        "toProperty": "cartId"
                    }
                ],
                "roots": [
                    {
                        "id": "21eb7de8-0046-045c-daa0-a0b88bc0e080",
                        "type": "Javascript2",
                        "x": -730.3784387523193,
                        "y": 448.9115862436225,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    cart: \"collection\",\n\t    refresh: \"signal\",\n\t    cartId: \"string\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    totalPrice: \"number\",\n\t    totalCount: \"number\"\n\t},\n\n\tsetup(inputs, outputs) {\n\t    \n\t    this.update = () => {\n\t        \n\t        let totalCount = 0;\n\t        let totalPrice = 0;\n\t        for(let i = 0; i < inputs.cart.size(); ++i) {\n\t            let cartEntry = inputs.cart.get(i);\n\t            let countForThisItem = cartEntry.get(\"count\");\n\t            \n\t            let productData = window.wallyProducts.find(product => product.itemId === cartEntry.get(\"itemId\"));\n\t            \n\t            if(productData) {\n\t                totalPrice += productData.price * countForThisItem;\n\t            } else {\n\t                console.log(\"Could not find data for product \" + cartEntry.get(\"itemId\"));\n\t            }\n\t            \n\t            totalCount += countForThisItem;\n\t            \n\t        }\n\t        \n\t        outputs.totalPrice = totalPrice;\n\t        outputs.totalCount = totalCount;\n\t        this.flagOutputDirty(\"totalPrice\");\n\t        this.flagOutputDirty(\"totalCount\");\n\t    }\n\t    \n\t    inputs.cart.on('change', () => {\n\t        this.update();\n        });\n        \n        this.update();\n\t},\n\tdestroy(inputs, outputs) {\n        inputs.cart.off('change', this.update);\n\t},\n\tchange() {\n\t    this.update();    \n\t},\n\trefresh() {\n\t    this.update();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "cart",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "cartId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "totalPrice",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "totalCount",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "514e029b-7574-f39f-6855-4806d630634e",
                        "type": "Collection",
                        "x": -729.7446577794453,
                        "y": 318.8353605645949,
                        "parameters": {
                            "collectionId": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "170f41c5-6408-1640-a84c-a74ca6026941",
                        "type": "Component Outputs",
                        "x": -435.0559322202041,
                        "y": 425.5295036309175,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Total Price",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Total Count",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f6a9144c-5d49-3e8b-0754-955477c25e21",
                        "type": "Event Receiver",
                        "x": -1135.045889192003,
                        "y": 464.288260115575,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "042c6cd0-d09e-77e5-ce9f-26a5c53aa837",
                        "type": "Component Inputs",
                        "x": -1223.045889192003,
                        "y": 173.28826011557499,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Cart Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "760f2086-7602-4dc1-f748-71394c564d52",
                        "type": "String",
                        "x": -849.045889192003,
                        "y": 107.28826011557499,
                        "parameters": {
                            "value": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Manage Cart",
            "graph": {
                "connections": [
                    {
                        "fromId": "162fe7bf-3dc1-58de-f461-118d55b44dad",
                        "fromProperty": "itemId",
                        "toId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "162fe7bf-3dc1-58de-f461-118d55b44dad",
                        "fromProperty": "eventReceived",
                        "toId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "addc5c27-8d03-d2a3-6a1a-c5fe0e9d9e6b",
                        "fromProperty": "items",
                        "toId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "toProperty": "cart"
                    },
                    {
                        "fromId": "6a50ae15-58df-2745-d123-211bd32bdfa5",
                        "fromProperty": "itemId",
                        "toId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "fromProperty": "cartWasModified",
                        "toId": "271eecc4-9ff4-6be7-fb54-2b33d86b57a8",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "96583174-fd09-3435-c6b5-98f892a6ab63",
                        "fromProperty": "eventReceived",
                        "toId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "toProperty": "addMultiple"
                    },
                    {
                        "fromId": "96583174-fd09-3435-c6b5-98f892a6ab63",
                        "fromProperty": "csvItemIdsAndCounts",
                        "toId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "toProperty": "csvItemIdsAndCounts"
                    },
                    {
                        "fromId": "6a50ae15-58df-2745-d123-211bd32bdfa5",
                        "fromProperty": "eventReceived",
                        "toId": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "toProperty": "remove"
                    }
                ],
                "roots": [
                    {
                        "id": "162fe7bf-3dc1-58de-f461-118d55b44dad",
                        "type": "Event Receiver",
                        "x": 409,
                        "y": 880.7506882210387,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b97ded6f-c7df-c63a-cc88-da7e83764a74",
                        "type": "Javascript2",
                        "label": "Manage Cart",
                        "x": 649.4228002681737,
                        "y": 893.8025604118084,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    add:'signal',\n\t    remove: 'signal',\n\t    itemId: 'string',\n\t    cart:'collection',\n\t    addMultiple: 'signal',\n\t    csvItemIdsAndCounts: \"string\"\n\t},\n\toutputs: {\n\t    cartWasModified: 'signal'\n\t},\n\tsetup(inputs, outputs) {\n\t    this.addCartEntry = (itemId, count) => {\n\t        \n\t        const productData = window.wallyProducts.find(product => product.itemId === itemId);\n\t        \n\t        if(productData) {\n\t            Noodl.Model.create(productData);\n\t        } else {\n\t            console.log(\"No product data for \"+ productData.itemId);\n\t        }\n\t        \n\t        inputs.cart.add(Noodl.Model.create({\n\t            \"itemId\": itemId,\n\t            \"count\": count\n\t        }));\n\t    };\n\t    \n\t    this.addOneItem = (itemId, count) => {\n\t        let itemCount = count ? count : 1; \n\t        let cartEntry = window.Ferrell.findEntryByItemId(inputs.cart, itemId);\n\n    \t    if(cartEntry) {\n    \t        cartEntry.set(\"count\", cartEntry.get(\"count\") + itemCount);\n    \t    } else {\n    \t        this.addCartEntry(itemId, itemCount);\n    \t    }\n\t    \n\t    }\n\t},\n\t\n\tremove: function(inputs, outputs) {\n\t    if(!inputs.itemId) {\n\t        console.error(\"Cart remove: itemId can't be undefined\");\n\t        return;\n\t    }\n\t    \n\t    let cartEntry = window.Ferrell.findEntryByItemId(inputs.cart, inputs.itemId);\n\t    if(cartEntry) {\n            let newCount = cartEntry.get(\"count\") - 1;\n            if(newCount === 0) {\n                console.log(\"removing cartEntry as count is 0 \" + cartEntry);\n                inputs.cart.remove(cartEntry);\n            } else {\n                cartEntry.set(\"count\", newCount);\n            }\n\t    } else {\n\t        console.log(\"No cart entry to reduce count for \" + inputs.itemId);\n\t    }\n\t    \n\t    this.sendSignalOnOutput(\"cartWasModified\");\n\t},\n\tadd:function(inputs,outputs) {\n\t    if(!inputs.itemId) {\n\t        console.error(\"Cart add: itemId can't be undefined\");\n\t        return;\n\t    }\n\t    \n\t    this.addOneItem(inputs.itemId);\n\t    this.sendSignalOnOutput(\"cartWasModified\");\n\t},\n\taddMultiple(inputs, outputs) {\n\t    let itemIdsAndCounts = inputs.csvItemIdsAndCounts.split(',');\n\t    for(let i = 0; i < itemIdsAndCounts.length; i += 2) {\n\t        if(itemIdsAndCounts[i]) {\n\t            this.addOneItem(itemIdsAndCounts[i], Number(itemIdsAndCounts[i + 1]));        \n\t        }\n\t    }\n\t    this.sendSignalOnOutput(\"cartWasModified\");\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "add",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "remove",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "cart",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "addMultiple",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "csvItemIdsAndCounts",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 7
                            },
                            {
                                "name": "cartWasModified",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "addc5c27-8d03-d2a3-6a1a-c5fe0e9d9e6b",
                        "type": "Collection",
                        "x": 888.6090541211081,
                        "y": 912.3007848874727,
                        "parameters": {
                            "collectionId": "cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6a50ae15-58df-2745-d123-211bd32bdfa5",
                        "type": "Event Receiver",
                        "x": 411.32623825640354,
                        "y": 1010.6979530870685,
                        "parameters": {
                            "channelName": "Remove from cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "271eecc4-9ff4-6be7-fb54-2b33d86b57a8",
                        "type": "Event Sender",
                        "x": 881.931535050018,
                        "y": 1105.9300511697938,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "96583174-fd09-3435-c6b5-98f892a6ab63",
                        "type": "Event Receiver",
                        "x": 408.42306807263606,
                        "y": 744.4424645688345,
                        "parameters": {
                            "channelName": "Add Multiple Items To Cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Scroll Direction Detector",
            "graph": {
                "connections": [
                    {
                        "fromId": "4ae52275-72d2-0bdc-f112-ae63ffa0aa21",
                        "fromProperty": "Scroll Position",
                        "toId": "86feaf25-b56b-c2f0-bb93-3141a9647a5a",
                        "toProperty": "scrollPosition"
                    },
                    {
                        "fromId": "86feaf25-b56b-c2f0-bb93-3141a9647a5a",
                        "fromProperty": "scrollingDown",
                        "toId": "5eb4e671-7826-246f-e09a-387d69cb0e2a",
                        "toProperty": "Scrolling Down"
                    },
                    {
                        "fromId": "86feaf25-b56b-c2f0-bb93-3141a9647a5a",
                        "fromProperty": "scrollingUp",
                        "toId": "5eb4e671-7826-246f-e09a-387d69cb0e2a",
                        "toProperty": "Scrolling Up"
                    },
                    {
                        "fromId": "4ae52275-72d2-0bdc-f112-ae63ffa0aa21",
                        "fromProperty": "Reset",
                        "toId": "86feaf25-b56b-c2f0-bb93-3141a9647a5a",
                        "toProperty": "reset"
                    }
                ],
                "roots": [
                    {
                        "id": "86feaf25-b56b-c2f0-bb93-3141a9647a5a",
                        "type": "Javascript2",
                        "label": "Scroll Direction Detector",
                        "x": 697,
                        "y": 620,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    scrollPosition:'number',\n\t    deltaNeededForChange: 'number',\n\t    reset: 'signal'\n\t},\n\toutputs:{\n\t    scrollingDown: \"boolean\",\n\t    scrollingUp: \"boolean\"\n\t},\n\tsetup(inputs,outputs) {\n\t    this.reset = () => {\n\t        this.previousScrollPosition = inputs.scrollPosition; \n    \t    this.positionWhenChangedDirection = inputs.scrollPosition;\n    \t    this.isScrollingDown = false; \n    \t    this.isScrollingUp = false;\n    \t    outputs.scrollingDown = this.isScrollingDown;\n    \t    outputs.scrollingUp = this.isScrollingUp;    \n\t        this.flagOutputDirty(\"scrollingDown\");\n\t        this.flagOutputDirty(\"scrollingUp\");\n\t    }\n\t    this.reset();\n\t},\n\tchange:function(inputs,outputs) {\n\t   \n\t   const delta = inputs.scrollPosition - this.previousScrollPosition;\n\t   const deltaThisDirection = (inputs.scrollPosition - this.positionWhenChangedDirection);\n\t   \n\t   if(inputs.scrollPosition < inputs.deltaNeededForChange) { // special case for when list is in top\n\t       this.isScrollingDown = false;\n    \t   this.isScrollingUp = false;\n\t   } else {\n    \t   if(deltaThisDirection > inputs.deltaNeededForChange) {\n    \t       this.positionWhenChangedDirection = inputs.scrollPosition;\n    \t       this.isScrollingDown = false;\n    \t       this.isScrollingUp = true;\n    \t   } else if(deltaThisDirection < -inputs.deltaNeededForChange) {\n    \t       this.positionWhenChangedDirection = inputs.scrollPosition;\n    \t       this.isScrollingDown = true;\n    \t       this.isScrollingUp = false;\n    \t   } else if(this.isScrollingDown === false && this.isScrollingUp === false) {\n    \t       if(delta < 0) {\n    \t           this.isScrollingUp = false;\n    \t           this.isScrollingDown = true;\n    \t       } else if(delta > 0) {\n    \t           this.isScrollingUp = true;\n    \t           this.isScrollingDown = false;\n    \t       }\n    \t   }\n\t   }\n\n\t\tthis.previousScrollPosition = inputs.scrollPosition;\n\t\toutputs.scrollingDown = this.isScrollingDown;\n\t    outputs.scrollingUp = this.isScrollingUp;\n\t\t\n\t},\n\treset(inputs, outsputs) {\n        this.reset();\n\t}\n})\n",
                            "deltaNeededForChange": 20,
                            "scrollPosition": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "scrollPosition",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "deltaNeededForChange",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "reset",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "scrollingDown",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "scrollingUp",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4ae52275-72d2-0bdc-f112-ae63ffa0aa21",
                        "type": "Component Inputs",
                        "x": 343,
                        "y": 602,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Scroll Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Reset",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5eb4e671-7826-246f-e09a-387d69cb0e2a",
                        "type": "Component Outputs",
                        "x": 1006,
                        "y": 583,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Scrolling Up",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Scrolling Down",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Account/Account Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "b066f653-b34d-f9e7-7305-50f0138b1640",
                        "fromProperty": "Your Orders Clicked",
                        "toId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "toProperty": "to-Your Orders"
                    },
                    {
                        "fromId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "fromProperty": "at-Your Orders",
                        "toId": "85279870-1be6-7a59-26bb-24ec09138aa4",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "85279870-1be6-7a59-26bb-24ec09138aa4",
                        "fromProperty": "Back",
                        "toId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "toProperty": "to-Account"
                    },
                    {
                        "fromId": "82e8158f-d5c1-4382-ab8c-9d89bc9f1f5e",
                        "fromProperty": "didMount",
                        "toId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "toProperty": "to-Account"
                    },
                    {
                        "fromId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "fromProperty": "at-Edit Order",
                        "toId": "f92ca921-401f-5bb9-21d0-f8d7cc8f2916",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "85279870-1be6-7a59-26bb-24ec09138aa4",
                        "fromProperty": "To Edit",
                        "toId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "toProperty": "to-Edit Order"
                    },
                    {
                        "fromId": "85279870-1be6-7a59-26bb-24ec09138aa4",
                        "fromProperty": "Order Id To Edit",
                        "toId": "f92ca921-401f-5bb9-21d0-f8d7cc8f2916",
                        "toProperty": "Edit Order Id"
                    },
                    {
                        "fromId": "f92ca921-401f-5bb9-21d0-f8d7cc8f2916",
                        "fromProperty": "Back",
                        "toId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "toProperty": "to-Your Orders"
                    },
                    {
                        "fromId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "fromProperty": "at-Your Orders",
                        "toId": "f92ca921-401f-5bb9-21d0-f8d7cc8f2916",
                        "toProperty": "To Right"
                    },
                    {
                        "fromId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "fromProperty": "currentState",
                        "toId": "b2900dc9-811c-41df-75ec-6281bcc85035",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "fromProperty": "at-Your Orders",
                        "toId": "bcbe2677-bf1b-3022-af80-7325200cb27e",
                        "toProperty": "To Left"
                    },
                    {
                        "fromId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "fromProperty": "at-Account",
                        "toId": "bcbe2677-bf1b-3022-af80-7325200cb27e",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "630de333-e3ee-8388-faa8-839f22741136",
                        "fromProperty": "didMount",
                        "toId": "85279870-1be6-7a59-26bb-24ec09138aa4",
                        "toProperty": "Reset"
                    },
                    {
                        "fromId": "630de333-e3ee-8388-faa8-839f22741136",
                        "fromProperty": "didMount",
                        "toId": "f92ca921-401f-5bb9-21d0-f8d7cc8f2916",
                        "toProperty": "To Right Instant"
                    },
                    {
                        "fromId": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "fromProperty": "at-Edit Order",
                        "toId": "85279870-1be6-7a59-26bb-24ec09138aa4",
                        "toProperty": "To Left"
                    }
                ],
                "roots": [
                    {
                        "id": "6f029973-b835-b9d1-ba1b-3861e95a7155",
                        "type": "States",
                        "x": 1383.9407014280418,
                        "y": 839.7158849497798,
                        "parameters": {
                            "states": "Account,Your Orders,Edit Order",
                            "duration-Account": 0,
                            "duration-Your Orders": 0,
                            "duration-Edit Order": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Account Transition",
                                "name": "transition-Account",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Account Transition",
                                "name": "duration-Account",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Account",
                                "name": "to-Account",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Account",
                                "name": "at-Account",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Account",
                                "name": "reached-Account",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Your Orders Transition",
                                "name": "transition-Your Orders",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Your Orders Transition",
                                "name": "duration-Your Orders",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Your Orders",
                                "name": "to-Your Orders",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Your Orders",
                                "name": "at-Your Orders",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Your Orders",
                                "name": "reached-Your Orders",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Edit Order Transition",
                                "name": "transition-Edit Order",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Edit Order Transition",
                                "name": "duration-Edit Order",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Edit Order",
                                "name": "to-Edit Order",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Edit Order",
                                "name": "at-Edit Order",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Edit Order",
                                "name": "reached-Edit Order",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Account",
                                        "Your Orders",
                                        "Edit Order"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Account",
                                "index": 21
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b2900dc9-811c-41df-75ec-6281bcc85035",
                        "type": "String",
                        "x": 1356.9407014280418,
                        "y": 1229.7158849497796,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "630de333-e3ee-8388-faa8-839f22741136",
                        "type": "Group",
                        "label": "Account Page Stack",
                        "x": 828.940701428042,
                        "y": 322.7158849497797,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "bcbe2677-bf1b-3022-af80-7325200cb27e",
                                "type": "/UI Components/Page",
                                "x": 20,
                                "y": 97,
                                "parameters": {
                                    "Start Visible": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "82e8158f-d5c1-4382-ab8c-9d89bc9f1f5e",
                                        "type": "Group",
                                        "label": "Container",
                                        "x": 20,
                                        "y": 102,
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 90,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F1F1F1",
                                            "clip": true,
                                            "scrollSnapEnabled": false,
                                            "scrollBounceEnabled": true,
                                            "scrollBehavior": "noodl",
                                            "showScrollbar": false,
                                            "style": "{\n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "f2c8fcce-77ce-a7ad-5b79-4c1acfae49f7",
                                                "type": "/Account/Account Intro",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "b066f653-b34d-f9e7-7305-50f0138b1640",
                                                "type": "/Account/Account orders",
                                                "label": "Account orders",
                                                "x": 20,
                                                "y": 143,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "1684337b-e3e3-172d-2c8c-18d7075d7787",
                                                "type": "/Account/information tabs/Account information",
                                                "x": 20,
                                                "y": 225,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "bf880647-9c18-a11e-50d1-349bc91c47df",
                                                "type": "/Account/information tabs/Account privacy information",
                                                "x": 20,
                                                "y": 271,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "63b16b6e-33cf-cfda-d230-284c10abd243",
                                                "type": "/Account/information tabs/Account Customer Service",
                                                "x": 20,
                                                "y": 281,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "6741e06d-6a7c-4b52-c4e8-719166bdc8bd",
                                                "type": "Group",
                                                "label": "Sign out",
                                                "x": 817.2105944017148,
                                                "y": 1769.191313722783,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginBottom": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#FFFFFF",
                                                    "paddingLeft": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "29e75e55-36b2-4f8a-103b-b499dd4b9420",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "alignY": "center",
                                                            "src": "icons/account/sign-out.svg"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "30187261-a082-41b9-0535-02829de2d200",
                                                        "type": "Text",
                                                        "x": 837.2105944017148,
                                                        "y": 1876.191313722783,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "text": "Sign out",
                                                            "marginTop": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "marginBottom": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "marginLeft": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            },
                                                            "fontSize": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "85279870-1be6-7a59-26bb-24ec09138aa4",
                                "type": "/Orders/Your Orders Page",
                                "x": 20,
                                "y": 715,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "f92ca921-401f-5bb9-21d0-f8d7cc8f2916",
                                "type": "/Orders/Edit Order Page",
                                "x": 20,
                                "y": 897,
                                "parameters": {
                                    "Show": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Search Header Logic",
            "graph": {
                "connections": [
                    {
                        "fromId": "864fac21-50b6-073e-c79e-e6730bad5a6e",
                        "fromProperty": "Scrolling Up",
                        "toId": "6b52f0fc-75de-939c-7eb6-c9dd5413ba8d",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6b52f0fc-75de-939c-7eb6-c9dd5413ba8d",
                        "fromProperty": "result",
                        "toId": "497c9615-5ce6-2d87-befe-a1d625dc2874",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "fromProperty": "currentState",
                        "toId": "a040dcf3-64a2-a9cd-8f95-4275ec84db95",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "9c052ccd-ab94-ffc3-2021-8db2289902b0",
                        "fromProperty": "Tab Id",
                        "toId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "a040dcf3-64a2-a9cd-8f95-4275ec84db95",
                        "fromProperty": "mappedString",
                        "toId": "da3a6327-44ec-ca33-1d5f-c1194b06de30",
                        "toProperty": "Label"
                    },
                    {
                        "fromId": "9c052ccd-ab94-ffc3-2021-8db2289902b0",
                        "fromProperty": "Scroll Position",
                        "toId": "864fac21-50b6-073e-c79e-e6730bad5a6e",
                        "toProperty": "Scroll Position"
                    },
                    {
                        "fromId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "fromProperty": "stateChanged",
                        "toId": "864fac21-50b6-073e-c79e-e6730bad5a6e",
                        "toProperty": "Reset"
                    },
                    {
                        "fromId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "fromProperty": "at-my-items",
                        "toId": "0f8f30c6-c64b-49e2-270e-3c5cdd8f3c58",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "fromProperty": "at-account",
                        "toId": "0f8f30c6-c64b-49e2-270e-3c5cdd8f3c58",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "0f8f30c6-c64b-49e2-270e-3c5cdd8f3c58",
                        "fromProperty": "result",
                        "toId": "da3a6327-44ec-ca33-1d5f-c1194b06de30",
                        "toProperty": "No Search"
                    },
                    {
                        "fromId": "6dbcde87-0d88-0d57-cc9c-7e5c17e9518c",
                        "fromProperty": "result",
                        "toId": "da3a6327-44ec-ca33-1d5f-c1194b06de30",
                        "toProperty": "Is Expanded"
                    },
                    {
                        "fromId": "497c9615-5ce6-2d87-befe-a1d625dc2874",
                        "fromProperty": "result",
                        "toId": "6dbcde87-0d88-0d57-cc9c-7e5c17e9518c",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "fromProperty": "at-account",
                        "toId": "6dbcde87-0d88-0d57-cc9c-7e5c17e9518c",
                        "toProperty": "input 4"
                    },
                    {
                        "fromId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "fromProperty": "at-my-items",
                        "toId": "6dbcde87-0d88-0d57-cc9c-7e5c17e9518c",
                        "toProperty": "input 3"
                    },
                    {
                        "fromId": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "fromProperty": "at-my-items",
                        "toId": "6dbcde87-0d88-0d57-cc9c-7e5c17e9518c",
                        "toProperty": "input 2"
                    },
                    {
                        "fromId": "0f8f30c6-c64b-49e2-270e-3c5cdd8f3c58",
                        "fromProperty": "result",
                        "toId": "c8d9c911-e378-3830-6fa8-91fb2770e729",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "c8d9c911-e378-3830-6fa8-91fb2770e729",
                        "fromProperty": "result",
                        "toId": "497c9615-5ce6-2d87-befe-a1d625dc2874",
                        "toProperty": "input 0"
                    }
                ],
                "roots": [
                    {
                        "id": "a7693848-a850-7fb9-529f-292f000c9ae1",
                        "type": "States",
                        "x": 147,
                        "y": 858.8603907708675,
                        "parameters": {
                            "states": "shop,search,my-items,account",
                            "duration-Profile": 0,
                            "duration-Loading": 0,
                            "duration-Habits": 0,
                            "startState": "shop",
                            "duration-shop": 0,
                            "duration-search": 0,
                            "duration-my-items": 0,
                            "duration-account": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "shop Transition",
                                "name": "transition-shop",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "shop Transition",
                                "name": "duration-shop",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To shop",
                                "name": "to-shop",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At shop",
                                "name": "at-shop",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached shop",
                                "name": "reached-shop",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "search Transition",
                                "name": "transition-search",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "search Transition",
                                "name": "duration-search",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To search",
                                "name": "to-search",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At search",
                                "name": "at-search",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached search",
                                "name": "reached-search",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "my-items Transition",
                                "name": "transition-my-items",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "my-items Transition",
                                "name": "duration-my-items",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To my-items",
                                "name": "to-my-items",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At my-items",
                                "name": "at-my-items",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached my-items",
                                "name": "reached-my-items",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "account Transition",
                                "name": "transition-account",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "account Transition",
                                "name": "duration-account",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To account",
                                "name": "to-account",
                                "group": "Go to state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At account",
                                "name": "at-account",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached account",
                                "name": "reached-account",
                                "group": "Current state",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "shop",
                                        "search",
                                        "my-items",
                                        "account"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "shop",
                                "index": 26
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "864fac21-50b6-073e-c79e-e6730bad5a6e",
                        "type": "/Components/Scroll Direction Detector",
                        "x": 1047.3517826683715,
                        "y": 1129.6904414676633,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6b52f0fc-75de-939c-7eb6-c9dd5413ba8d",
                        "type": "Inverter",
                        "x": 1052.9268742434633,
                        "y": 1010.9578407350624,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "497c9615-5ce6-2d87-befe-a1d625dc2874",
                        "type": "And",
                        "x": 1049.9268742434633,
                        "y": 855.9578407350624,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a040dcf3-64a2-a9cd-8f95-4275ec84db95",
                        "type": "String Mapper",
                        "x": 145.92687424346332,
                        "y": 573.9578407350624,
                        "parameters": {
                            "input 0": "account",
                            "output 0": "Account",
                            "input 1": "my-items",
                            "output 1": "My Items"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9c052ccd-ab94-ffc3-2021-8db2289902b0",
                        "type": "Component Inputs",
                        "x": -101,
                        "y": 907,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Tab Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Scroll Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Reset",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "States",
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "da3a6327-44ec-ca33-1d5f-c1194b06de30",
                        "type": "Component Outputs",
                        "x": 688.3458035740842,
                        "y": 531.2928108044698,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Is Expanded",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "No Search",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Label",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0f8f30c6-c64b-49e2-270e-3c5cdd8f3c58",
                        "type": "Or",
                        "x": 559.3458035740842,
                        "y": 1156.2928108044698,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6dbcde87-0d88-0d57-cc9c-7e5c17e9518c",
                        "type": "Or",
                        "x": 596.114120092496,
                        "y": 752,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c8d9c911-e378-3830-6fa8-91fb2770e729",
                        "type": "Inverter",
                        "x": 779.3458035740842,
                        "y": 1194.2928108044698,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Account/Account Intro",
            "graph": {
                "connections": [
                    {
                        "fromId": "ab9eba86-75e0-a85e-79fa-f7afd477a05f",
                        "fromProperty": "User Short Name",
                        "toId": "e6658da5-b485-a92b-f46f-8fa80d24f431",
                        "toProperty": "shortName"
                    },
                    {
                        "fromId": "e6658da5-b485-a92b-f46f-8fa80d24f431",
                        "fromProperty": "formatted",
                        "toId": "1b74c442-8fc7-ad50-e79e-c230f70d194b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ab9eba86-75e0-a85e-79fa-f7afd477a05f",
                        "fromProperty": "Store Name",
                        "toId": "c1cabd37-c5ed-b792-22c7-9bb6b34c5c00",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ab9eba86-75e0-a85e-79fa-f7afd477a05f",
                        "fromProperty": "Store Address",
                        "toId": "dfded30a-c20c-ba97-9953-3b646a15f680",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "df9ca123-758b-6897-b462-523a38ae04e5",
                        "type": "Group",
                        "label": "Account intro",
                        "x": 500,
                        "y": 626,
                        "parameters": {
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "backgroundColor": "#0071CE",
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "alignY": "top",
                            "zIndex": 1,
                            "transformY": {
                                "value": 0,
                                "unit": "px"
                            },
                            "style": "{\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "32ca97e5-98c5-2a5e-7c93-cbf17312fcde",
                                "type": "Group",
                                "label": "Blue top bg",
                                "x": 541,
                                "y": 675,
                                "parameters": {
                                    "backgroundColor": "#0071CE",
                                    "height": {
                                        "value": 500,
                                        "unit": "px"
                                    },
                                    "position": "absolute",
                                    "transformY": {
                                        "value": -500,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "efc4e09c-9ed4-931d-c002-d859d76b4c1b",
                                "type": "Group",
                                "label": "Profile",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "style": "{}",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "backgroundColor": "#0071CE",
                                    "paddingBottom": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 24,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "1b74c442-8fc7-ad50-e79e-c230f70d194b",
                                        "type": "Text",
                                        "label": "Name",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "sizeMode": "contentWidth",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "fontSize": {
                                                "value": 32,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "text": "Hi, Emilia",
                                            "color": "#FFFFFF"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "c1cabd37-c5ed-b792-22c7-9bb6b34c5c00",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 158,
                                        "parameters": {
                                            "text": "SuperCenter Dallas",
                                            "textAlign": "center",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#FFFFFF"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "dfded30a-c20c-ba97-9953-3b646a15f680",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 168,
                                        "parameters": {
                                            "textAlign": "center",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "color": "#FFFFFF"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "ab9eba86-75e0-a85e-79fa-f7afd477a05f",
                        "type": "Globals",
                        "x": -174.87470705062083,
                        "y": 617.1927440287105,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryShortAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Address",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e6658da5-b485-a92b-f46f-8fa80d24f431",
                        "type": "String Format",
                        "x": 179.12529294937917,
                        "y": 689.1927440287105,
                        "parameters": {
                            "format": "Hi, {shortName}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "shortName",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Account/Account orders",
            "graph": {
                "connections": [
                    {
                        "fromId": "5d9329e7-4915-f525-976d-f6a733491db4",
                        "fromProperty": "Click",
                        "toId": "1dff873a-49c9-f9f8-2634-933d80c22f9f",
                        "toProperty": "Your Orders Clicked"
                    }
                ],
                "roots": [
                    {
                        "id": "c39a9044-4713-1cae-9c9f-99a0fa84114b",
                        "type": "Group",
                        "label": "Account orders",
                        "x": 685,
                        "y": 650,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginTop": {
                                "value": 20,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "style": "{\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "71ba3ac9-5052-22cb-ea05-d5ce614d1db7",
                                "type": "Group",
                                "label": "Orders head",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "paddingTop": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "flexDirection": "row",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "9f921380-d88d-6126-e418-c1e38eb46a72",
                                        "type": "Text",
                                        "label": "Orders Heading",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "text": "Orders",
                                            "fontFamily": "fonts/Bogle-Bold.otf"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "5d9329e7-4915-f525-976d-f6a733491db4",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 183,
                                "parameters": {
                                    "label": "Your orders",
                                    "icon2x": "icons/orders-list-icon@3x.png",
                                    "icon3x": "icons/orders-list-icon@2x.png",
                                    "Icon": "icons/account/orders-list.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "1dff873a-49c9-f9f8-2634-933d80c22f9f",
                        "type": "Component Outputs",
                        "x": 987.5,
                        "y": 544.75,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Your Orders Clicked",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/My Items/My Items Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "fb12af88-7bec-769c-a2a1-0ccab17d7355",
                        "fromProperty": "guid",
                        "toId": "81a5f972-1d4b-b186-1914-faf3bb68ccf2",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "95dfa07a-5b24-7382-8113-e2540ec866b9",
                        "fromProperty": "items",
                        "toId": "81a5f972-1d4b-b186-1914-faf3bb68ccf2",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "81a5f972-1d4b-b186-1914-faf3bb68ccf2",
                        "fromProperty": "items",
                        "toId": "d471c162-b5ff-bbf6-b293-3b2b4c600a9d",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "81a5f972-1d4b-b186-1914-faf3bb68ccf2",
                        "fromProperty": "items",
                        "toId": "75602576-5a1f-617b-4353-425c050b2b15",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "3752a91f-4edd-3553-ecca-09a73115b97d",
                        "fromProperty": "Is Running Fullscreen",
                        "toId": "e2fe27b9-f2d9-bb46-a01e-b4c71e9b7d50",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "e2fe27b9-f2d9-bb46-a01e-b4c71e9b7d50",
                        "fromProperty": "result",
                        "toId": "9279d017-8ade-9556-d46a-7c0a010ab893",
                        "toProperty": "marginBottom"
                    },
                    {
                        "fromId": "e370aaec-24d3-5777-f8d3-5ffe55119ada",
                        "fromProperty": "this",
                        "toId": "03bd4277-2066-12fd-2790-c3890a55225e",
                        "toProperty": "itemGroup"
                    },
                    {
                        "fromId": "9279d017-8ade-9556-d46a-7c0a010ab893",
                        "fromProperty": "this",
                        "toId": "03bd4277-2066-12fd-2790-c3890a55225e",
                        "toProperty": "scrollGroup"
                    },
                    {
                        "fromId": "b7392932-4b61-8e4b-679b-2cf2de647f7e",
                        "fromProperty": "eventReceived",
                        "toId": "03bd4277-2066-12fd-2790-c3890a55225e",
                        "toProperty": "scrollToIndexDo"
                    },
                    {
                        "fromId": "b7392932-4b61-8e4b-679b-2cf2de647f7e",
                        "fromProperty": "Item Index",
                        "toId": "03bd4277-2066-12fd-2790-c3890a55225e",
                        "toProperty": "scrollToIndex"
                    },
                    {
                        "fromId": "9279d017-8ade-9556-d46a-7c0a010ab893",
                        "fromProperty": "didMount",
                        "toId": "03bd4277-2066-12fd-2790-c3890a55225e",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "9279d017-8ade-9556-d46a-7c0a010ab893",
                        "fromProperty": "willUnmount",
                        "toId": "03bd4277-2066-12fd-2790-c3890a55225e",
                        "toProperty": "unmounted"
                    },
                    {
                        "fromId": "464c43ae-7733-d2ba-732c-386aacc057ac",
                        "fromProperty": "savedValue",
                        "toId": "7090657d-d504-d221-e397-9d77c5b1b381",
                        "toProperty": "Focused Category Index"
                    },
                    {
                        "fromId": "fe20fbc4-0a32-d787-f939-4ec95146b48a",
                        "fromProperty": "didMount",
                        "toId": "7090657d-d504-d221-e397-9d77c5b1b381",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "37a895ca-8f16-9673-565d-40348dbaf62c",
                        "fromProperty": "Index",
                        "toId": "f27775db-c203-41bc-13ae-d29464fff091",
                        "toProperty": "Focused Category Index"
                    },
                    {
                        "fromId": "37a895ca-8f16-9673-565d-40348dbaf62c",
                        "fromProperty": "eventReceived",
                        "toId": "f27775db-c203-41bc-13ae-d29464fff091",
                        "toProperty": "store"
                    }
                ],
                "roots": [
                    {
                        "id": "d4b00636-ea36-92c3-eb46-52e41bd2c7f5",
                        "type": "/UI Components/Page",
                        "x": 681.4614142153479,
                        "y": 366.191313722783,
                        "parameters": {
                            "Start Visible": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "fe20fbc4-0a32-d787-f939-4ec95146b48a",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d471c162-b5ff-bbf6-b293-3b2b4c600a9d",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "template": "/My Items/My Items Category Shortcut"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "9279d017-8ade-9556-d46a-7c0a010ab893",
                                "type": "Group",
                                "label": "Container",
                                "x": 20,
                                "y": 174,
                                "parameters": {
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#ffffff",
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "position": "relative",
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "scrollBehavior": "noodl",
                                    "showScrollbar": false,
                                    "clip": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e370aaec-24d3-5777-f8d3-5ffe55119ada",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 157,
                                        "parameters": {
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "75602576-5a1f-617b-4353-425c050b2b15",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "template": "/My Items/My Items Category"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "fb12af88-7bec-769c-a2a1-0ccab17d7355",
                        "type": "Unique Id",
                        "x": 140.23750612960987,
                        "y": 782.9956352451144,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "95dfa07a-5b24-7382-8113-e2540ec866b9",
                        "type": "Static Data",
                        "x": 133.4427170461031,
                        "y": 624.3762940650784,
                        "parameters": {
                            "type": "json",
                            "json": "[\n    {\n        \"label\": \"Fruits & Vegetables\",\n        \"items\": [\n            \"39360227\",\n            \"46828785\",\n            \"506226959\",\n            \"47183367\",\n            \"46942849\",\n            \"47242202\",\n            \"47746094\",\n            \"949678905\",\n            \"172813797\",\n            \"48084625\",\n            \"258089437\",\n            \"38663543\",\n            \"253145350\",\n            \"972931698\",\n            \"544644893\",\n            \"44390996\",\n            \"988564886\",\n            \"747329331\"\n            ]\n    },\n    {\n        \"label\": \"Eggs & Dairy\",\n        \"items\": [\n            \"39360227\",\n            \"46828785\",\n            \"506226959\",\n            \"47183367\",\n            \"46942849\",\n            \"47242202\",\n            \"47746094\",\n            \"949678905\",\n            \"172813797\",\n            \"48084625\",\n            \"258089437\",\n            \"38663543\",\n            \"253145350\",\n            \"972931698\",\n            \"544644893\",\n            \"44390996\",\n            \"988564886\",\n            \"747329331\"\n            ]\n    }\n]"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "81a5f972-1d4b-b186-1914-faf3bb68ccf2",
                        "type": "Collection",
                        "x": 414.4427170461031,
                        "y": 621.3762940650784,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e2fe27b9-f2d9-bb46-a01e-b4c71e9b7d50",
                        "type": "Number Blend",
                        "x": 1266.442717046103,
                        "y": 516.3762940650784,
                        "parameters": {
                            "input 0": 87,
                            "input 1": 102
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3752a91f-4edd-3553-ecca-09a73115b97d",
                        "type": "/Components/Running iOS Fullscreen",
                        "x": 1267.6427170461031,
                        "y": 622.3262940650783,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b7392932-4b61-8e4b-679b-2cf2de647f7e",
                        "type": "Event Receiver",
                        "x": 930.4427170461031,
                        "y": 286.37629406507835,
                        "parameters": {
                            "channelName": "My Items Category Shortcut Clicked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "03bd4277-2066-12fd-2790-c3890a55225e",
                        "type": "Javascript2",
                        "x": 1155.442717046103,
                        "y": 284.37629406507835,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    mounted:'signal',\n\t    scrollGroup: 'reference',\n\t    itemGroup: 'reference',\n\t    scrollToIndexDo: 'signal',\n\t    scrollToIndex: \"number\",\n\t    unmounted: 'signal'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    ready: \"signal\"\n\t},\n    setup() {\n        this.isReady = false;    \n        this.iScrollRef = null;\n        this.itemIndex = 0;\n    },\n    destroy() {\n        this.isReady = false;    \n        this.iScrollRef = null;\n    },\n\tmounted:function(inputs,outputs) {\n\t    const ref = inputs.scrollGroup.innerReactComponentRef;\n\t\tif(ref && ref.iScroll) {\n\t\t    ref.iScroll.options.useTransition = false;\n\t\t    this.iScrollRef = ref.iScroll;\n\t\t}\n\t\tthis.isReady = true;\n\t\tthis.sendSignalOnOutput(\"ready\");\n\t},\n\tunmounted(inputs, outputs) {\n\t    this.isReady = false;\n\t    this.iScrollRef = null;\n\t},\n\tscrollToIndexDo(inputs, outputs) {\n\t    if(this.isReady === false) {\n\t        return;\n\t    }\n\n        const forEachNodeIndexOffset = 1;\n\t    \n\t    let childNode = inputs.itemGroup.children[inputs.scrollToIndex + forEachNodeIndexOffset];\n\t    \n\t    let domNode = ReactDOM.findDOMNode(childNode.getRef());\n\t    \n\t    console.log(\"scrolly scrolly\", inputs.scrollToIndex, inputs.itemGroup.children);\n\t    \n\t    this.iScrollRef.scrollToElement(domNode, 600);\n\t},\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "mounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "scrollGroup",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "itemGroup",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "scrollToIndexDo",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "scrollToIndex",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "unmounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 7
                            },
                            {
                                "name": "ready",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7090657d-d504-d221-e397-9d77c5b1b381",
                        "type": "Model",
                        "x": 450.819402827697,
                        "y": 121.36183916979599,
                        "parameters": {
                            "modelId": "My Items State",
                            "properties": "Focused Category Index"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "Focused Category Index",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "37a895ca-8f16-9673-565d-40348dbaf62c",
                        "type": "Event Receiver",
                        "x": 256.819402827697,
                        "y": 264.361839169796,
                        "parameters": {
                            "channelName": "My Items Category Focused"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "464c43ae-7733-d2ba-732c-386aacc057ac",
                        "type": "Number",
                        "x": 218.819402827697,
                        "y": 120.36183916979599,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f27775db-c203-41bc-13ae-d29464fff091",
                        "type": "Model",
                        "x": 275.819402827697,
                        "y": 391.361839169796,
                        "parameters": {
                            "modelId": "My Items State",
                            "properties": "Focused Category Index"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "Focused Category Index",
                                "index": 6
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Manage Favorites",
            "graph": {
                "connections": [
                    {
                        "fromId": "f502b385-1c2a-8615-45f8-430ff2401fd2",
                        "fromProperty": "eventReceived",
                        "toId": "ecc01cc3-bee4-d9a5-b663-bc0b1fe7fa0f",
                        "toProperty": "add"
                    },
                    {
                        "fromId": "d47bd223-3905-02fc-c58e-5504051ac987",
                        "fromProperty": "eventReceived",
                        "toId": "ecc01cc3-bee4-d9a5-b663-bc0b1fe7fa0f",
                        "toProperty": "remove"
                    },
                    {
                        "fromId": "f502b385-1c2a-8615-45f8-430ff2401fd2",
                        "fromProperty": "Item Id",
                        "toId": "ecc01cc3-bee4-d9a5-b663-bc0b1fe7fa0f",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "d47bd223-3905-02fc-c58e-5504051ac987",
                        "fromProperty": "Item Id",
                        "toId": "ecc01cc3-bee4-d9a5-b663-bc0b1fe7fa0f",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "4d3fc9fc-c293-7bb2-9dc5-b4d0206e6620",
                        "fromProperty": "items",
                        "toId": "ecc01cc3-bee4-d9a5-b663-bc0b1fe7fa0f",
                        "toProperty": "collection"
                    }
                ],
                "roots": [
                    {
                        "id": "f502b385-1c2a-8615-45f8-430ff2401fd2",
                        "type": "Event Receiver",
                        "x": 827,
                        "y": 680,
                        "parameters": {
                            "channelName": "Add Item To Favorites"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ecc01cc3-bee4-d9a5-b663-bc0b1fe7fa0f",
                        "type": "Javascript2",
                        "label": "Manage Favorites",
                        "x": 1064.4228002681737,
                        "y": 693.0518721907697,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    add:'signal',\n\t    remove: 'signal',\n\t    itemId: 'string',\n\t    collection:'collection',\n\t},\n\toutputs: {\n\t},\n\tsetup(inputs, outputs) {\n\t},\n\tremove: function(inputs, outputs) {\n\t    if(!inputs.itemId) {\n\t        console.error(\"Cart remove: itemId can't be undefined\");\n\t        return;\n\t    }\n\t    \n\t    if(Noodl.Model.exists(inputs.itemId) === false) {\n\t        console.log(\"Manage favorites: Product item hasn't been created \" + inputs.itemId);\n\t        return;\n\t    }\n\t    \n\t    let item = Noodl.Model.get(inputs.itemId);\n\t    inputs.collection.remove(item);\n\t},\n\tadd:function(inputs,outputs) {\n\t    \n\t    if(!inputs.itemId) {\n\t        console.error(\"Favorites add: itemId can't be undefined\");\n\t        return;\n\t    }\n\t    \n\t    let productData = window.wallyProducts.find(product => product.itemId === inputs.itemId);\n\n\t    if(productData) {\n\t        let productItem = Noodl.Model.create(productData);\n\t        if(inputs.collection.contains(productItem)) {\n\t            console.log(inputs.itemId + \" is allready a favorite\");\n\t        } else {\n\t            inputs.collection.add(productItem);\n\t        }\n\t    } else {\n\t        console.log(\"Favorites: could not find product data for item \" + inputs.itemId);\n\t    }\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "add",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "remove",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4d3fc9fc-c293-7bb2-9dc5-b4d0206e6620",
                        "type": "Collection",
                        "x": 1306.609054121108,
                        "y": 711.550096666434,
                        "parameters": {
                            "collectionId": "favorites"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d47bd223-3905-02fc-c58e-5504051ac987",
                        "type": "Event Receiver",
                        "x": 829.3262382564035,
                        "y": 809.9472648660299,
                        "parameters": {
                            "channelName": "Remove Item From Favorites"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Favorite Toggle Button",
            "graph": {
                "connections": [
                    {
                        "fromId": "fadc55c8-2062-b38f-e8c6-51c9e56ad751",
                        "fromProperty": "currentValue",
                        "toId": "42c30f8d-b03d-7850-2849-7f12e34ba829",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "30b8a086-96ad-0e99-aad2-0dfbd76fcd1b",
                        "fromProperty": "savedValue",
                        "toId": "fadc55c8-2062-b38f-e8c6-51c9e56ad751",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "42c30f8d-b03d-7850-2849-7f12e34ba829",
                        "fromProperty": "Filled Opacity",
                        "toId": "74a66212-d047-4c19-c99d-83714be4b8de",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "42c30f8d-b03d-7850-2849-7f12e34ba829",
                        "fromProperty": "Outline Opacity",
                        "toId": "39e95335-171c-4b4a-053b-0b3346648b74",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "b0fb18ba-11b5-6c1c-833e-1bb0514a4b4a",
                        "fromProperty": "hasReachedEnd",
                        "toId": "90e29605-858e-756d-254f-6f663b0c4030",
                        "toProperty": "replayToEnd"
                    },
                    {
                        "fromId": "b0fb18ba-11b5-6c1c-833e-1bb0514a4b4a",
                        "fromProperty": "Scale",
                        "toId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "90e29605-858e-756d-254f-6f663b0c4030",
                        "fromProperty": "Scale",
                        "toId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "fromProperty": "onClick",
                        "toId": "b0fb18ba-11b5-6c1c-833e-1bb0514a4b4a",
                        "toProperty": "replayToEnd"
                    },
                    {
                        "fromId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "fromProperty": "onClick",
                        "toId": "90e29605-858e-756d-254f-6f663b0c4030",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "fromProperty": "onClick",
                        "toId": "42c30f8d-b03d-7850-2849-7f12e34ba829",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "fromProperty": "onClick",
                        "toId": "68ab694e-f7a6-81f5-228c-157d3ffd1aa5",
                        "toProperty": "click"
                    },
                    {
                        "fromId": "30b8a086-96ad-0e99-aad2-0dfbd76fcd1b",
                        "fromProperty": "savedValue",
                        "toId": "68ab694e-f7a6-81f5-228c-157d3ffd1aa5",
                        "toProperty": "isFavorite"
                    },
                    {
                        "fromId": "68ab694e-f7a6-81f5-228c-157d3ffd1aa5",
                        "fromProperty": "result",
                        "toId": "26454fad-26c3-14fa-3467-c3be95ba3fd6",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "196a3fec-1bc8-cba0-2902-3447ca513411",
                        "fromProperty": "savedValue",
                        "toId": "26454fad-26c3-14fa-3467-c3be95ba3fd6",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "196a3fec-1bc8-cba0-2902-3447ca513411",
                        "fromProperty": "savedValue",
                        "toId": "344f2a05-dd1a-a9cb-f1b7-b0f5f6317f3f",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "fromProperty": "onClick",
                        "toId": "125d6678-425f-f9c3-3d9a-c3133166b277",
                        "toProperty": "click"
                    },
                    {
                        "fromId": "30b8a086-96ad-0e99-aad2-0dfbd76fcd1b",
                        "fromProperty": "savedValue",
                        "toId": "125d6678-425f-f9c3-3d9a-c3133166b277",
                        "toProperty": "isFavorite"
                    },
                    {
                        "fromId": "125d6678-425f-f9c3-3d9a-c3133166b277",
                        "fromProperty": "result",
                        "toId": "344f2a05-dd1a-a9cb-f1b7-b0f5f6317f3f",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "07018ed7-24ad-7dac-fb82-6adbe68da8fa",
                        "fromProperty": "items",
                        "toId": "6c481103-8613-62f9-dbc0-7497236b02e8",
                        "toProperty": "favorites"
                    },
                    {
                        "fromId": "6c481103-8613-62f9-dbc0-7497236b02e8",
                        "fromProperty": "isFavorite",
                        "toId": "30b8a086-96ad-0e99-aad2-0dfbd76fcd1b",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "196a3fec-1bc8-cba0-2902-3447ca513411",
                        "fromProperty": "savedValue",
                        "toId": "6c481103-8613-62f9-dbc0-7497236b02e8",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "28292bb2-552f-0f78-fb28-162fc56031fa",
                        "fromProperty": "Item Id",
                        "toId": "196a3fec-1bc8-cba0-2902-3447ca513411",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "28292bb2-552f-0f78-fb28-162fc56031fa",
                        "fromProperty": "Position",
                        "toId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "28292bb2-552f-0f78-fb28-162fc56031fa",
                        "fromProperty": "Margin Top",
                        "toId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "28292bb2-552f-0f78-fb28-162fc56031fa",
                        "fromProperty": "Margin Left",
                        "toId": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "toProperty": "marginLeft"
                    }
                ],
                "roots": [
                    {
                        "id": "30b8a086-96ad-0e99-aad2-0dfbd76fcd1b",
                        "type": "Boolean",
                        "label": "Is Favorite",
                        "x": 988.91069493938,
                        "y": 1079.0997281378068,
                        "parameters": {
                            "value": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "42c30f8d-b03d-7850-2849-7f12e34ba829",
                        "type": "States",
                        "x": 1449.91069493938,
                        "y": 1033.0997281378068,
                        "parameters": {
                            "states": "Default,Favorite",
                            "values": "Filled Opacity,Outline Opacity",
                            "value-Default-Outline Opacity": 1,
                            "value-Favorite-Outline Opacity": 0,
                            "value-Default-Filled Opacity": 0,
                            "value-Favorite-Filled Opacity": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Filled Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Outline Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Filled Opacity",
                                "displayName": "Filled Opacity",
                                "editorName": "Default|Filled Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Outline Opacity",
                                "displayName": "Outline Opacity",
                                "editorName": "Default|Outline Opacity",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Favorite Values",
                                "name": "value-Favorite-Filled Opacity",
                                "displayName": "Filled Opacity",
                                "editorName": "Favorite|Filled Opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Favorite Values",
                                "name": "value-Favorite-Outline Opacity",
                                "displayName": "Outline Opacity",
                                "editorName": "Favorite|Outline Opacity",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Favorite Transition",
                                "name": "transition-Favorite",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Favorite Transition",
                                "name": "duration-Favorite",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Favorite",
                                "name": "to-Favorite",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Favorite",
                                "name": "at-Favorite",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Favorite",
                                "name": "reached-Favorite",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Favorite"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fadc55c8-2062-b38f-e8c6-51c9e56ad751",
                        "type": "String Selector",
                        "x": 1246.91069493938,
                        "y": 1085.0997281378068,
                        "parameters": {
                            "input 0": "Default",
                            "input 1": "Favorite"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b0fb18ba-11b5-6c1c-833e-1bb0514a4b4a",
                        "type": "Animation",
                        "x": 1733.9106949393802,
                        "y": 1046.0997281378068,
                        "parameters": {
                            "duration": 50,
                            "Scale.startMode": "explicit",
                            "Scale.startValue": 1,
                            "Scale.endValue": 1.3
                        },
                        "ports": [
                            {
                                "name": "Scale",
                                "plug": "output",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Animation Values",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "90e29605-858e-756d-254f-6f663b0c4030",
                        "type": "Animation",
                        "x": 1910.9106949393802,
                        "y": 1047.0997281378068,
                        "parameters": {
                            "duration": 300,
                            "Scale.startMode": "explicit",
                            "Scale.startValue": 1.3,
                            "Scale.endValue": 1
                        },
                        "ports": [
                            {
                                "name": "Scale",
                                "plug": "output",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Animation Values",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "344f2a05-dd1a-a9cb-f1b7-b0f5f6317f3f",
                        "type": "Event Sender",
                        "x": 1325.5185216889804,
                        "y": 747.6638659507605,
                        "parameters": {
                            "channelName": "Add Item To Favorites"
                        },
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "26454fad-26c3-14fa-3467-c3be95ba3fd6",
                        "type": "Event Sender",
                        "x": 1569.1180235933598,
                        "y": 759.3429469834348,
                        "parameters": {
                            "channelName": "Remove Item From Favorites"
                        },
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "68ab694e-f7a6-81f5-228c-157d3ffd1aa5",
                        "type": "Expression",
                        "x": 1566.8304880613136,
                        "y": 878.3951248496737,
                        "parameters": {
                            "expression": "isFavorite === true && click"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "isFavorite",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "click",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "196a3fec-1bc8-cba0-2902-3447ca513411",
                        "type": "String",
                        "label": "Item Id",
                        "x": 674,
                        "y": 1179.2149831918523,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "125d6678-425f-f9c3-3d9a-c3133166b277",
                        "type": "Expression",
                        "x": 1321.648498515293,
                        "y": 881.091917442559,
                        "parameters": {
                            "expression": "isFavorite === false && click"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "isFavorite",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "click",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6c481103-8613-62f9-dbc0-7497236b02e8",
                        "type": "Javascript2",
                        "x": 768.5598326021538,
                        "y": 963.6045053589258,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    itemId:'string',\n\t    favorites: 'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    isFavorite: \"boolean\"\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n    setup(inputs, outputs) {\n        this.check = () => {\n            if(Noodl.Model.exists(inputs.itemId) === false) {\n    \t        console.log(\"Product item hasn't been created \" + inputs.itemId);\n    \t    }\n    \t    \n    \t    let item = Noodl.Model.get(inputs.itemId);\n    \t    \n    \t    outputs.isFavorite = inputs.favorites.contains(item);\n    \t    this.flagOutputDirty(\"isFavorite\");\n        };\n        this.check();\n        inputs.favorites.on('change', this.check);\n    },\n    destroy(inputs,outputs) {\n        inputs.favorites.off('change', this.check);    \n    },\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t    this.check();\n\t}\n\t\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "favorites",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "isFavorite",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "07018ed7-24ad-7dac-fb82-6adbe68da8fa",
                        "type": "Collection",
                        "x": 809.5598326021538,
                        "y": 781.6045053589258,
                        "parameters": {
                            "collectionId": "favorites"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "29847dae-43d8-3907-eba9-e83508101ab6",
                        "type": "Group",
                        "x": 2107.804651632174,
                        "y": 729,
                        "parameters": {
                            "width": {
                                "value": 24,
                                "unit": "px"
                            },
                            "height": {
                                "value": 24,
                                "unit": "px"
                            },
                            "position": "absolute",
                            "marginLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "74a66212-d047-4c19-c99d-83714be4b8de",
                                "type": "Image",
                                "label": "Filled",
                                "x": 1435.7726373160826,
                                "y": 227.7301018339948,
                                "parameters": {
                                    "position": "absolute",
                                    "alignX": "center",
                                    "alignY": "center",
                                    "src": "icons/Fav-Selected-24.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "39e95335-171c-4b4a-053b-0b3346648b74",
                                "type": "Image",
                                "label": "Outline",
                                "x": 1435.7726373160826,
                                "y": 324.7301018339948,
                                "parameters": {
                                    "src": "icons/Fav-Default-24.svg",
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "position": "absolute",
                                    "alignX": "center",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "28292bb2-552f-0f78-fb28-162fc56031fa",
                        "type": "Component Inputs",
                        "x": 261,
                        "y": 1032,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 2
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Margin And Padding",
                                "index": 3
                            },
                            {
                                "name": "Margin Left",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Margin And Padding",
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/My Items/My Items Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "bcc7e16c-1236-b4e0-0dcd-45d04a3aecfd",
                        "fromProperty": "itemId",
                        "toId": "ae9194cd-ce4e-a1f0-b439-de7a1e327684",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ae9194cd-ce4e-a1f0-b439-de7a1e327684",
                        "fromProperty": "itemId",
                        "toId": "2ae1ad36-f92b-5d03-8170-74b8c1324fdd",
                        "toProperty": "Model Id"
                    },
                    {
                        "fromId": "2ae1ad36-f92b-5d03-8170-74b8c1324fdd",
                        "fromProperty": "Click",
                        "toId": "07bca3f7-13ab-e8a5-d688-7278eb47a381",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "ae9194cd-ce4e-a1f0-b439-de7a1e327684",
                        "fromProperty": "itemId",
                        "toId": "07bca3f7-13ab-e8a5-d688-7278eb47a381",
                        "toProperty": "itemId"
                    }
                ],
                "roots": [
                    {
                        "id": "fcc7f9b5-f2bb-3085-5e46-dc46d7ba1871",
                        "type": "Group",
                        "x": 1058.9254360088205,
                        "y": 520,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 0,
                                "unit": "%"
                            },
                            "marginBottom": {
                                "value": 32,
                                "unit": "px"
                            },
                            "style": "{\n}",
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "width": {
                                "value": 154,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "2ae1ad36-f92b-5d03-8170-74b8c1324fdd",
                                "type": "/UI Components/Product Tile Big",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "Show Fulfillment Badge": false,
                                    "Show Title": true,
                                    "Show Purchase History Badge": true,
                                    "Show Rating": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "bcc7e16c-1236-b4e0-0dcd-45d04a3aecfd",
                        "type": "For Each Actions",
                        "x": 589,
                        "y": 567.2499672416345,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ae9194cd-ce4e-a1f0-b439-de7a1e327684",
                        "type": "Model",
                        "x": 808.4627180044102,
                        "y": 566.1249836208173,
                        "parameters": {
                            "properties": "itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "count",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "07bca3f7-13ab-e8a5-d688-7278eb47a381",
                        "type": "Event Sender",
                        "x": 1285.7960513377434,
                        "y": 689.6249836208173,
                        "parameters": {
                            "channelName": "Show Product Details"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Big Add To Cart Stepper",
            "graph": {
                "connections": [
                    {
                        "fromId": "f6122e42-a764-652e-3ef0-fa39b1fda231",
                        "fromProperty": "timerFinished",
                        "toId": "c841d529-ba7f-7b87-55ad-68f55093aa87",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "aff6540b-1dad-3c6d-280d-68b29b8ab6d5",
                        "fromProperty": "timerFinished",
                        "toId": "75b16212-f744-50f8-e17a-8bbe64aba148",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "da72dd3f-5951-6bb4-7a7e-c39b831cc518",
                        "fromProperty": "onClick",
                        "toId": "aff6540b-1dad-3c6d-280d-68b29b8ab6d5",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "ec29bc8b-2562-6b11-6c02-4302689c49ac",
                        "fromProperty": "onClick",
                        "toId": "f6122e42-a764-652e-3ef0-fa39b1fda231",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "87d84cb6-3ee0-8c5c-a972-659c2b63cb07",
                        "fromProperty": "Cart Count",
                        "toId": "3d18817c-f1d6-8a75-945a-9eb80292d1c1",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "662e8e15-7ef5-488d-9082-1acd7c21055d",
                        "fromProperty": "Item Id",
                        "toId": "52a41791-34d9-59d6-feac-7647580e8b7c",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "52a41791-34d9-59d6-feac-7647580e8b7c",
                        "fromProperty": "savedValue",
                        "toId": "87d84cb6-3ee0-8c5c-a972-659c2b63cb07",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "52a41791-34d9-59d6-feac-7647580e8b7c",
                        "fromProperty": "savedValue",
                        "toId": "c841d529-ba7f-7b87-55ad-68f55093aa87",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "52a41791-34d9-59d6-feac-7647580e8b7c",
                        "fromProperty": "savedValue",
                        "toId": "75b16212-f744-50f8-e17a-8bbe64aba148",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "662e8e15-7ef5-488d-9082-1acd7c21055d",
                        "fromProperty": "Position",
                        "toId": "bc160e3a-d3f5-d029-64fd-b19150e973db",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "662e8e15-7ef5-488d-9082-1acd7c21055d",
                        "fromProperty": "Align X",
                        "toId": "bc160e3a-d3f5-d029-64fd-b19150e973db",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "662e8e15-7ef5-488d-9082-1acd7c21055d",
                        "fromProperty": "Align Y",
                        "toId": "bc160e3a-d3f5-d029-64fd-b19150e973db",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "f6122e42-a764-652e-3ef0-fa39b1fda231",
                        "fromProperty": "timerFinished",
                        "toId": "b5abfb5d-0d14-3b59-022e-fe79ca1f46a3",
                        "toProperty": "doLog"
                    },
                    {
                        "fromId": "92168356-8aa2-6683-6274-fcb693a898c0",
                        "fromProperty": "Click",
                        "toId": "701055cc-ade8-cfa6-4f0f-46e103d52f32",
                        "toProperty": "Add To Cart Clicked"
                    },
                    {
                        "fromId": "87d84cb6-3ee0-8c5c-a972-659c2b63cb07",
                        "fromProperty": "Cart Count",
                        "toId": "f899a2e4-19e8-d421-15d4-1dab3654e53b",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "bc160e3a-d3f5-d029-64fd-b19150e973db",
                        "fromProperty": "didMount",
                        "toId": "11479c63-f5ba-f3ea-b859-d05eb755024d",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "11479c63-f5ba-f3ea-b859-d05eb755024d",
                        "fromProperty": "timerFinished",
                        "toId": "f899a2e4-19e8-d421-15d4-1dab3654e53b",
                        "toProperty": "saveValue"
                    },
                    {
                        "fromId": "f899a2e4-19e8-d421-15d4-1dab3654e53b",
                        "fromProperty": "savedValue",
                        "toId": "6ea5cc56-231f-0e0c-a4e0-aae2bfc00cf8",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "c3a54022-d8aa-7d12-2c8c-b1e8d2308458",
                        "fromProperty": "at-Stepper",
                        "toId": "35f15095-5fb4-851a-0461-fe41d4d68803",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "6ea5cc56-231f-0e0c-a4e0-aae2bfc00cf8",
                        "fromProperty": "result",
                        "toId": "c3a54022-d8aa-7d12-2c8c-b1e8d2308458",
                        "toProperty": "to-Stepper"
                    },
                    {
                        "fromId": "f899a2e4-19e8-d421-15d4-1dab3654e53b",
                        "fromProperty": "savedValue",
                        "toId": "3b2fab5e-97f7-69d7-2ec8-0a715c1e33ec",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "3b2fab5e-97f7-69d7-2ec8-0a715c1e33ec",
                        "fromProperty": "result",
                        "toId": "c3a54022-d8aa-7d12-2c8c-b1e8d2308458",
                        "toProperty": "to-Add To Cart"
                    },
                    {
                        "fromId": "c3a54022-d8aa-7d12-2c8c-b1e8d2308458",
                        "fromProperty": "at-Add To Cart",
                        "toId": "92168356-8aa2-6683-6274-fcb693a898c0",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "92168356-8aa2-6683-6274-fcb693a898c0",
                        "fromProperty": "Click",
                        "toId": "c841d529-ba7f-7b87-55ad-68f55093aa87",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "bc160e3a-d3f5-d029-64fd-b19150e973db",
                        "type": "Group",
                        "x": 1069.4980598001146,
                        "y": 729,
                        "parameters": {
                            "height": {
                                "value": 40,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "92168356-8aa2-6683-6274-fcb693a898c0",
                                "type": "/UI Components/Design System/Button",
                                "label": "Add To Cart",
                                "x": 20,
                                "y": 142,
                                "parameters": {
                                    "Title": "Add to cart",
                                    "Outlined": true,
                                    "Small": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "35f15095-5fb4-851a-0461-fe41d4d68803",
                                "type": "Group",
                                "label": "Stepper Button",
                                "x": 20,
                                "y": 239,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "flexDirection": "row",
                                    "alignX": "center",
                                    "alignY": "center",
                                    "position": "absolute",
                                    "borderStyle": "solid",
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "black",
                                    "borderRadius": 20
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "da72dd3f-5951-6bb4-7a7e-c39b831cc518",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "sizeMode": "contentWidth",
                                            "flexDirection": "row",
                                            "paddingLeft": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "ec50c9d3-6d2d-cdd8-8584-f8ebc02c7fd4",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "src": "icons/cart-minus.svg",
                                                    "alignY": "center",
                                                    "sizeMode": "contentSize"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "conflicts": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "349423fc-69b4-c187-846b-80fa9b0d0a93",
                                        "type": "Group",
                                        "x": 1210.7726373160826,
                                        "y": 3107.730101833995,
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3d18817c-f1d6-8a75-945a-9eb80292d1c1",
                                                "type": "Text",
                                                "x": 1230.7726373160826,
                                                "y": 3153.730101833995,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                    "sizeMode": "contentHeight",
                                                    "alignY": "center",
                                                    "textAlign": "center",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ec29bc8b-2562-6b11-6c02-4302689c49ac",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 353,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "sizeMode": "contentWidth",
                                            "paddingLeft": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "59801efa-5398-a6dd-01a9-42a93d5ec1ce",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "src": "icons/cart-plus.svg",
                                                    "alignY": "center",
                                                    "alignX": "right"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "c3a54022-d8aa-7d12-2c8c-b1e8d2308458",
                        "type": "States",
                        "label": "Default Or Adding",
                        "x": 206.7759300125133,
                        "y": 910.6483362226905,
                        "parameters": {
                            "states": "Add To Cart,Stepper",
                            "startState": "default",
                            "duration-Add To Cart": 0,
                            "duration-Stepper": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Add To Cart Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Stepper Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Add To Cart Values",
                                "name": "value-Add To Cart-Add To Cart Opacity",
                                "displayName": "Add To Cart Opacity",
                                "editorName": "Add To Cart|Add To Cart Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Add To Cart Values",
                                "name": "value-Add To Cart-Stepper Opacity",
                                "displayName": "Stepper Opacity",
                                "editorName": "Add To Cart|Stepper Opacity",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Add To Cart Transition",
                                "name": "transition-Add To Cart",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Add To Cart Transition",
                                "name": "duration-Add To Cart",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Add To Cart",
                                "name": "to-Add To Cart",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Add To Cart",
                                "name": "at-Add To Cart",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Add To Cart",
                                "name": "reached-Add To Cart",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Stepper Values",
                                "name": "value-Stepper-Add To Cart Opacity",
                                "displayName": "Add To Cart Opacity",
                                "editorName": "Stepper|Add To Cart Opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Stepper Values",
                                "name": "value-Stepper-Stepper Opacity",
                                "displayName": "Stepper Opacity",
                                "editorName": "Stepper|Stepper Opacity",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Stepper Transition",
                                "name": "transition-Stepper",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Stepper Transition",
                                "name": "duration-Stepper",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Stepper",
                                "name": "to-Stepper",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Stepper",
                                "name": "at-Stepper",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Stepper",
                                "name": "reached-Stepper",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Add To Cart",
                                        "Stepper"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Add To Cart",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c841d529-ba7f-7b87-55ad-68f55093aa87",
                        "type": "Event Sender",
                        "x": 1495.6607764322669,
                        "y": 749.699959159394,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6ea5cc56-231f-0e0c-a4e0-aae2bfc00cf8",
                        "type": "Expression",
                        "x": 552.1070031403435,
                        "y": 1076.0174084018304,
                        "parameters": {
                            "expression": "count > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f6122e42-a764-652e-3ef0-fa39b1fda231",
                        "type": "Timer",
                        "x": 1387.5510203551894,
                        "y": 881.7607181823834,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "75b16212-f744-50f8-e17a-8bbe64aba148",
                        "type": "Event Sender",
                        "x": 1582.222581313591,
                        "y": 981.0271196062154,
                        "parameters": {
                            "channelName": "Remove from cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aff6540b-1dad-3c6d-280d-68b29b8ab6d5",
                        "type": "Timer",
                        "x": 1399.8822963803239,
                        "y": 1013.2782607274667,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "87d84cb6-3ee0-8c5c-a972-659c2b63cb07",
                        "type": "/Cart/Cart Count",
                        "x": 869.8077723333597,
                        "y": 1208.4961962282564,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "662e8e15-7ef5-488d-9082-1acd7c21055d",
                        "type": "Component Inputs",
                        "x": 217,
                        "y": 502,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 2
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 3
                            },
                            {
                                "name": "Align Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "52a41791-34d9-59d6-feac-7647580e8b7c",
                        "type": "String",
                        "label": "Item Id",
                        "x": 666,
                        "y": 510,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b5abfb5d-0d14-3b59-022e-fe79ca1f46a3",
                        "type": "/SessionData/Page event",
                        "x": 1435.3464819034793,
                        "y": 597.4732446549895,
                        "parameters": {
                            "pageId": "add_to_cart",
                            "action": "from_button"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "701055cc-ade8-cfa6-4f0f-46e103d52f32",
                        "type": "Component Outputs",
                        "x": 1312.4811688152606,
                        "y": 540.6955300456276,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Add To Cart Clicked",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f899a2e4-19e8-d421-15d4-1dab3654e53b",
                        "type": "Number",
                        "label": "Count When Mounted",
                        "x": 553.168710442543,
                        "y": 783.7605399254495,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "11479c63-f5ba-f3ea-b859-d05eb755024d",
                        "type": "Timer",
                        "label": "End Of Frame Hax",
                        "x": 790.295681935844,
                        "y": 808.1099105125376,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3b2fab5e-97f7-69d7-2ec8-0a715c1e33ec",
                        "type": "Expression",
                        "x": 557.3553274753103,
                        "y": 1221.013894718186,
                        "parameters": {
                            "expression": "count === 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Buy Now Button",
            "graph": {
                "connections": [
                    {
                        "fromId": "0f3fd723-fb58-38a7-e735-0b211c9475f5",
                        "fromProperty": "Item Id",
                        "toId": "86326bfd-9e75-6f5a-f4d8-a0636813f6bd",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "86326bfd-9e75-6f5a-f4d8-a0636813f6bd",
                        "fromProperty": "savedValue",
                        "toId": "62d734b6-82da-c2b0-b773-a6c7ebb66c40",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "a1ca892a-8798-c0fe-332d-50cd8a52645f",
                        "fromProperty": "Click",
                        "toId": "8baa4549-6ff5-ab01-20e8-c5ff7e8027ef",
                        "toProperty": "Click"
                    },
                    {
                        "fromId": "a1ca892a-8798-c0fe-332d-50cd8a52645f",
                        "fromProperty": "Click",
                        "toId": "62d734b6-82da-c2b0-b773-a6c7ebb66c40",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "62d734b6-82da-c2b0-b773-a6c7ebb66c40",
                        "type": "Event Sender",
                        "x": 883.6765021685519,
                        "y": 780.3665708471272,
                        "parameters": {
                            "channelName": "Place Buy Now Order"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0f3fd723-fb58-38a7-e735-0b211c9475f5",
                        "type": "Component Inputs",
                        "x": 458.74777569436253,
                        "y": 789.8909349331681,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "86326bfd-9e75-6f5a-f4d8-a0636813f6bd",
                        "type": "String",
                        "label": "Item Id",
                        "x": 681.5865224283046,
                        "y": 768.558989066371,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8baa4549-6ff5-ab01-20e8-c5ff7e8027ef",
                        "type": "Component Outputs",
                        "x": 1272.7400081628748,
                        "y": 795.3841340660223,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Pointer Events",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a1ca892a-8798-c0fe-332d-50cd8a52645f",
                        "type": "/UI Components/Design System/Button",
                        "x": 1064.1604903625166,
                        "y": 796.7586819988397,
                        "parameters": {
                            "Title": "Buy now"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Carousel Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "9382ff93-0914-c7ff-4972-92b39f2e08b8",
                        "fromProperty": "Source",
                        "toId": "e945f902-40b9-34eb-01e3-656ab07dbf57",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "9382ff93-0914-c7ff-4972-92b39f2e08b8",
                        "fromProperty": "Source Set",
                        "toId": "e945f902-40b9-34eb-01e3-656ab07dbf57",
                        "toProperty": "srcSet"
                    }
                ],
                "roots": [
                    {
                        "id": "0adae910-f8cd-ace1-c694-903227dfd967",
                        "type": "Group",
                        "x": 590,
                        "y": 395,
                        "parameters": {
                            "width": {
                                "value": 241,
                                "unit": "px"
                            },
                            "height": {
                                "value": 269,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 18,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e945f902-40b9-34eb-01e3-656ab07dbf57",
                                "type": "Image",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "position": "absolute",
                                    "alignX": "center",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "9382ff93-0914-c7ff-4972-92b39f2e08b8",
                        "type": "Component Inputs",
                        "x": 338,
                        "y": 392,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Source Set",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Source",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Orders/Order State",
            "graph": {
                "connections": [
                    {
                        "fromId": "e80b1e6e-ce5a-938c-a5d0-6a7965cf9b89",
                        "fromProperty": "opacity",
                        "toId": "74d4bbc3-6113-4992-8747-56303798545b",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "eeff2366-38c1-bf90-f84c-d2adf916c610",
                        "fromProperty": "label",
                        "toId": "78fc2eac-1833-7479-844e-e8c712ca7b63",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "eeff2366-38c1-bf90-f84c-d2adf916c610",
                        "fromProperty": "active",
                        "toId": "f46db343-983a-e838-67e2-2997a346d137",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f46db343-983a-e838-67e2-2997a346d137",
                        "fromProperty": "savedValue",
                        "toId": "152d1015-0a47-398c-8443-76f833dd5db1",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "152d1015-0a47-398c-8443-76f833dd5db1",
                        "fromProperty": "currentValue",
                        "toId": "e80b1e6e-ce5a-938c-a5d0-6a7965cf9b89",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "e80b1e6e-ce5a-938c-a5d0-6a7965cf9b89",
                        "fromProperty": "color blend",
                        "toId": "b7c98804-9a30-20f9-5b3c-3610661146f2",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "b7c98804-9a30-20f9-5b3c-3610661146f2",
                        "fromProperty": "result",
                        "toId": "cab62501-8175-786b-9c75-bea919cae5e5",
                        "toProperty": "fillColor"
                    },
                    {
                        "fromId": "eeff2366-38c1-bf90-f84c-d2adf916c610",
                        "fromProperty": "Align X",
                        "toId": "78fc2eac-1833-7479-844e-e8c712ca7b63",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "e80b1e6e-ce5a-938c-a5d0-6a7965cf9b89",
                        "fromProperty": "circle size",
                        "toId": "cab62501-8175-786b-9c75-bea919cae5e5",
                        "toProperty": "size"
                    },
                    {
                        "fromId": "e80b1e6e-ce5a-938c-a5d0-6a7965cf9b89",
                        "fromProperty": "color blend",
                        "toId": "e1cc1f96-2d6a-ddca-a6f6-1aaec3202760",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "e1cc1f96-2d6a-ddca-a6f6-1aaec3202760",
                        "fromProperty": "result",
                        "toId": "78fc2eac-1833-7479-844e-e8c712ca7b63",
                        "toProperty": "color"
                    }
                ],
                "roots": [
                    {
                        "id": "74d4bbc3-6113-4992-8747-56303798545b",
                        "type": "Group",
                        "label": "Hour item",
                        "x": 353,
                        "y": 354,
                        "parameters": {
                            "sizeMode": "explicit",
                            "width": {
                                "value": 30,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "4c7644d2-d62c-31fb-e3bf-1dd5074a80e0",
                                "type": "Group",
                                "x": 20,
                                "y": 97,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center",
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 7,
                                        "unit": "px"
                                    },
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "cab62501-8175-786b-9c75-bea919cae5e5",
                                        "type": "Circle",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "size": 20,
                                            "position": "relative",
                                            "fillColor": "#0071CE",
                                            "alignY": "center",
                                            "alignX": "center",
                                            "visible": true,
                                            "marginTop": {
                                                "value": 2,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "78fc2eac-1833-7479-844e-e8c712ca7b63",
                                "type": "Text",
                                "x": 20,
                                "y": 245,
                                "parameters": {
                                    "text": "Placed",
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "fontSize": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentSize",
                                    "alignX": "center",
                                    "position": "relative"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "e80b1e6e-ce5a-938c-a5d0-6a7965cf9b89",
                        "type": "States",
                        "x": 62.06587351277689,
                        "y": 328.5871436662615,
                        "parameters": {
                            "states": "default,active",
                            "values": "opacity,color blend,circle size",
                            "value-default-opacity": 1,
                            "value-active-opacity": 1,
                            "duration-default": 150,
                            "duration-active": 150,
                            "value-default-color blend": 0,
                            "value-active-color blend": 1,
                            "value-default-circle size": 18,
                            "value-active-circle size": 20
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "color blend",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "circle size",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-opacity",
                                "displayName": "opacity",
                                "editorName": "default|opacity",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-color blend",
                                "displayName": "color blend",
                                "editorName": "default|color blend",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-circle size",
                                "displayName": "circle size",
                                "editorName": "default|circle size",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "active Values",
                                "name": "value-active-opacity",
                                "displayName": "opacity",
                                "editorName": "active|opacity",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "active Values",
                                "name": "value-active-color blend",
                                "displayName": "color blend",
                                "editorName": "active|color blend",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "active Values",
                                "name": "value-active-circle size",
                                "displayName": "circle size",
                                "editorName": "active|circle size",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "active Transition",
                                "name": "transition-active",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "active Transition",
                                "name": "duration-active",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To active",
                                "name": "to-active",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At active",
                                "name": "at-active",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached active",
                                "name": "reached-active",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "active"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 25
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "eeff2366-38c1-bf90-f84c-d2adf916c610",
                        "type": "Component Inputs",
                        "x": -286.7574513885736,
                        "y": 702.9341264872229,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "active",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f46db343-983a-e838-67e2-2997a346d137",
                        "type": "Boolean",
                        "x": -325.04293826799017,
                        "y": 319.0157719464072,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "152d1015-0a47-398c-8443-76f833dd5db1",
                        "type": "String Selector",
                        "x": -130.42504663095622,
                        "y": 339.2220011327661,
                        "parameters": {
                            "input 0": "default",
                            "input 1": "active"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b7c98804-9a30-20f9-5b3c-3610661146f2",
                        "type": "Color Blend",
                        "x": 24.460450592832785,
                        "y": 522.9685457630466,
                        "parameters": {
                            "color 1": "#0065FF",
                            "color 0": "#F1F1F2"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e1cc1f96-2d6a-ddca-a6f6-1aaec3202760",
                        "type": "Color Blend",
                        "x": 179.21681463634832,
                        "y": 775.7045981659508,
                        "parameters": {
                            "color 0": "#BABBBE",
                            "color 1": "#46474A"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Home Page Carousel",
            "graph": {
                "connections": [
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "this",
                        "toId": "c90ed12c-8190-358d-31cc-efff7c83a000",
                        "toProperty": "group"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "didMount",
                        "toId": "c90ed12c-8190-358d-31cc-efff7c83a000",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c90ed12c-8190-358d-31cc-efff7c83a000",
                        "fromProperty": "ready",
                        "toId": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "fromProperty": "timerFinished",
                        "toId": "c90ed12c-8190-358d-31cc-efff7c83a000",
                        "toProperty": "scrollToNextItem"
                    },
                    {
                        "fromId": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "fromProperty": "timerFinished",
                        "toId": "dddd234e-45f2-0dd6-ec21-bb36cdc388e1",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "dddd234e-45f2-0dd6-ec21-bb36cdc388e1",
                        "fromProperty": "timerFinished",
                        "toId": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "pointerDown",
                        "toId": "dddd234e-45f2-0dd6-ec21-bb36cdc388e1",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "pointerDown",
                        "toId": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "pointerDown",
                        "toId": "0c42d8ac-4960-ec8d-f963-4aaecc83400f",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "5232e00d-7c42-456a-6c67-d0662d24bcad",
                        "fromProperty": "Position",
                        "toId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "5232e00d-7c42-456a-6c67-d0662d24bcad",
                        "fromProperty": "Pos Y",
                        "toId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "onScrollPositionChanged",
                        "toId": "93200b30-1b28-861d-3936-82adeb618225",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "pointerDown",
                        "toId": "d5bc73cb-4ddb-f418-7dc9-f46ed787cc7e",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "d5bc73cb-4ddb-f418-7dc9-f46ed787cc7e",
                        "fromProperty": "switchedToOn",
                        "toId": "dddd234e-45f2-0dd6-ec21-bb36cdc388e1",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "d5bc73cb-4ddb-f418-7dc9-f46ed787cc7e",
                        "fromProperty": "switchedToOn",
                        "toId": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "d5bc73cb-4ddb-f418-7dc9-f46ed787cc7e",
                        "fromProperty": "state",
                        "toId": "ab191b0a-f4a5-61b4-01fe-1e86641aaa12",
                        "toProperty": "userInteracted"
                    },
                    {
                        "fromId": "93200b30-1b28-861d-3936-82adeb618225",
                        "fromProperty": "valueChanged",
                        "toId": "ab191b0a-f4a5-61b4-01fe-1e86641aaa12",
                        "toProperty": "valueChanged"
                    },
                    {
                        "fromId": "ab191b0a-f4a5-61b4-01fe-1e86641aaa12",
                        "fromProperty": "result",
                        "toId": "0c42d8ac-4960-ec8d-f963-4aaecc83400f",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "0c42d8ac-4960-ec8d-f963-4aaecc83400f",
                        "fromProperty": "timerFinished",
                        "toId": "c90ed12c-8190-358d-31cc-efff7c83a000",
                        "toProperty": "scrollToNextItem"
                    },
                    {
                        "fromId": "0c42d8ac-4960-ec8d-f963-4aaecc83400f",
                        "fromProperty": "timerFinished",
                        "toId": "dddd234e-45f2-0dd6-ec21-bb36cdc388e1",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "0c42d8ac-4960-ec8d-f963-4aaecc83400f",
                        "fromProperty": "timerFinished",
                        "toId": "d5bc73cb-4ddb-f418-7dc9-f46ed787cc7e",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "willUnmount",
                        "toId": "c90ed12c-8190-358d-31cc-efff7c83a000",
                        "toProperty": "unmounted"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "willUnmount",
                        "toId": "dddd234e-45f2-0dd6-ec21-bb36cdc388e1",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "fromProperty": "willUnmount",
                        "toId": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "toProperty": "stop"
                    }
                ],
                "roots": [
                    {
                        "id": "ca657e42-b34e-5d9d-f598-c80f73bb7b80",
                        "type": "Group",
                        "x": 561,
                        "y": 421.03485500664874,
                        "parameters": {
                            "scrollBehavior": "noodl",
                            "scrollDirection": "x",
                            "showScrollbar": false,
                            "scrollToIndex.duration": 300,
                            "flexDirection": "row",
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 20,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 15,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c898be3f-0604-dd28-32b1-ed1a1406b5de",
                                "type": "/Home/Carousel Card",
                                "x": 20,
                                "y": 182,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source": "images/Card/01.png",
                                    "Source Set": ""
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a4e7071e-4837-a6e1-3f8e-c4578e00c371",
                                "type": "/Home/Carousel Card",
                                "x": 580,
                                "y": 649.0348550066487,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source Set": "",
                                    "Source": "images/card02.png"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "0998c72f-f0b4-6b50-e79e-011446cbc15b",
                                "type": "/Home/Carousel Card",
                                "x": 580,
                                "y": 695.0348550066487,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source": "images/card03.png",
                                    "Source Set": ""
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "f29f7968-0c25-69a8-cbb5-ac84cd88df9a",
                                "type": "/Home/Carousel Card",
                                "x": 620.5164792740577,
                                "y": 548.8279468525907,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source": "images/Card/01.png",
                                    "Source Set": ""
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "60164a1a-e8a8-6993-eb48-534cf6bece4a",
                                "type": "/Home/Carousel Card",
                                "x": 620.5164792740577,
                                "y": 594.8279468525907,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source Set": "",
                                    "Source": "images/card02.png"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "5251e604-2a62-eaea-8198-31999cb25c92",
                                "type": "/Home/Carousel Card",
                                "x": 620.5164792740577,
                                "y": 640.8279468525907,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source": "images/card03.png",
                                    "Source Set": ""
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "c08b4b1f-978a-622b-80cf-ca5c00be7184",
                                "type": "/Home/Carousel Card",
                                "x": 629.5164792740577,
                                "y": 539.8279468525907,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source": "images/Card/01.png",
                                    "Source Set": ""
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "7f8f930b-435d-f1df-dc91-fc44ed5d92f6",
                                "type": "/Home/Carousel Card",
                                "x": 629.5164792740577,
                                "y": 585.8279468525907,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source Set": "",
                                    "Source": "images/card02.png"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "4ab29b8a-6a71-e033-0f69-746b0af78652",
                                "type": "/Home/Carousel Card",
                                "x": 629.5164792740577,
                                "y": 631.8279468525907,
                                "parameters": {
                                    "Color": "#A92952",
                                    "Source": "images/card03.png",
                                    "Source Set": ""
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "557c1fbb-f47f-2013-c106-88516ec96ff7",
                        "type": "Timer",
                        "label": "Wait",
                        "x": 1454.4537450332962,
                        "y": 562.3958333333334,
                        "parameters": {
                            "duration": 2000
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c90ed12c-8190-358d-31cc-efff7c83a000",
                        "type": "Javascript2",
                        "x": 1217.7037450332962,
                        "y": 568.0208333333335,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    mounted:'signal',\n\t    group: 'reference',\n\t    scrollToNextItem: 'signal',\n\t    unmounted: 'signal'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    ready: \"signal\"\n\t},\n    setup() {\n        this.isReady = false;    \n        this.iScrollRef = null;\n        this.itemIndex = 0;\n    },\n    destroy() {\n        this.isReady = false;    \n        this.iScrollRef = null;\n    },\n\tmounted:function(inputs,outputs) {\n\t    const ref = inputs.group.innerReactComponentRef;\n\t\tif(ref && ref.iScroll) {\n\t\t    ref.iScroll.options.useTransition = false;\n\t\t    this.iScrollRef = ref.iScroll;\n\t\t}\n\t\tthis.isReady = true;\n\t\tthis.sendSignalOnOutput(\"ready\");\n\t},\n\tunmounted(inputs, outputs) {\n\t    this.isReady = false;\n\t    this.iScrollRef = null;\n\t},\n\tscrollToNextItem(inputs, outputs) {\n\t    if(this.isReady === false) {\n\t        return;\n\t    }\n\n\t    this.itemIndex = (this.itemIndex + 1) % inputs.group.children.length;\n\t    \n\t    let childNode = inputs.group.children[this.itemIndex];\n\t    \n\t    let domNode = ReactDOM.findDOMNode(childNode.getRef());\n\t    \n\t    this.iScrollRef.scrollToElement(domNode, 600);\n\t},\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "mounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "group",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "scrollToNextItem",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "unmounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "ready",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dddd234e-45f2-0dd6-ec21-bb36cdc388e1",
                        "type": "Timer",
                        "label": "Scroll Duration",
                        "x": 1455.245411699963,
                        "y": 406,
                        "parameters": {
                            "duration": 300
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0c42d8ac-4960-ec8d-f963-4aaecc83400f",
                        "type": "Timer",
                        "label": "Wait To Activate After User Interacted",
                        "x": 1273.245411699963,
                        "y": 220,
                        "parameters": {
                            "duration": 2000
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5232e00d-7c42-456a-6c67-d0662d24bcad",
                        "type": "Component Inputs",
                        "x": 599,
                        "y": 74,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 1
                            },
                            {
                                "name": "Pos Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Placement",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "93200b30-1b28-861d-3936-82adeb618225",
                        "type": "Value Changed",
                        "x": 841,
                        "y": 269,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d5bc73cb-4ddb-f418-7dc9-f46ed787cc7e",
                        "type": "Switch",
                        "label": "User Interacted",
                        "x": 947,
                        "y": 38,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ab191b0a-f4a5-61b4-01fe-1e86641aaa12",
                        "type": "Expression",
                        "x": 1036,
                        "y": 249,
                        "parameters": {
                            "expression": "userInteracted && valueChanged"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "userInteracted",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "valueChanged",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Account/information tabs/Account information",
            "graph": {
                "connections": [],
                "roots": [
                    {
                        "id": "36d3208d-e1c8-9e1a-42ef-a4982f3b1709",
                        "type": "Group",
                        "label": "Account information",
                        "x": -40,
                        "y": 229,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "backgroundColor": "#FFFFFF",
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "68cf560f-9aa8-2568-d897-2591fdc49c39",
                                "type": "Group",
                                "label": "Heading",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "paddingTop": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7e005ac6-d15c-57fe-aaa8-e51d8b7f0b85",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "text": "Manage Account",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Bold.otf"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "65ea88d5-829c-813a-d8bf-fe70df2cdf82",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 168,
                                "parameters": {
                                    "icon": "",
                                    "label": "Personal info",
                                    "icon3x": "icons/person-black@3x.png",
                                    "icon2x": "icons/person-black@2x.png",
                                    "Sub heading label": "",
                                    "Mounted": false,
                                    "Icon": "icons/account/person-black.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "42b08ebc-c30d-086f-6e24-cb423c6c6fe0",
                                "type": "/UI Components/Design System/Divider",
                                "x": -20,
                                "y": 443,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "41fad24a-3827-1f43-de7f-729115b12f49",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 260,
                                "parameters": {
                                    "icon": "",
                                    "label": "Payment methods",
                                    "icon3x": "icons/payment-icon@3x.png",
                                    "icon2x": "icons/payment-icon@2x.png",
                                    "Sub heading label": "",
                                    "Mounted": false,
                                    "Icon": "icons/account/payment-methods.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "6b59818a-333b-d4ea-cfa5-e3b6697947ca",
                                "type": "/UI Components/Design System/Divider",
                                "x": -4,
                                "y": 530,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a577e973-f961-e6c9-e759-a4ba36637ec7",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 352,
                                "parameters": {
                                    "icon": "",
                                    "label": "Delivery addresses",
                                    "icon3x": "icons/icon-car@3x.png",
                                    "icon2x": "icons/icon-car@2x.png",
                                    "Sub heading label": "",
                                    "Mounted": false,
                                    "Icon": "icons/account/icon-car.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "e20583eb-0eef-a425-4d83-7620c0939830",
                                "type": "/UI Components/Design System/Divider",
                                "x": -25,
                                "y": 619,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "566e6f15-da37-f5e3-1644-84c00843631a",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 444,
                                "parameters": {
                                    "icon": "",
                                    "label": "Communications & Privacy",
                                    "icon3x": "icons/privacy-icon@3x.png",
                                    "icon2x": "icons/privacy-icon@2x.png",
                                    "Sub heading label": "",
                                    "Mounted": false,
                                    "Icon": "icons/account/privacy-icon.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Account/information tabs/Account privacy information",
            "graph": {
                "connections": [],
                "roots": [
                    {
                        "id": "ef50386d-0d01-ceb0-aec6-c9cda1c94669",
                        "type": "Group",
                        "label": "Privacy information",
                        "x": 417,
                        "y": 603,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "backgroundColor": "#FFFFFF",
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5ba72a45-a8c7-41ed-ef3d-5d18573f86e7",
                                "type": "Group",
                                "label": "Heading",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "paddingTop": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "86766373-ef1c-2411-61bd-617b1c869390",
                                        "type": "Text",
                                        "x": 857.2105944017148,
                                        "y": 881.191313722783,
                                        "parameters": {
                                            "text": "Privacy",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Bold.otf"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "44483c64-9eef-7e00-c7ba-33ac283e1eba",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 168,
                                "parameters": {
                                    "icon": "",
                                    "label": "Privacy policy",
                                    "icon2x": "icons/lock-icon@2x.png",
                                    "icon3x": "icons/lock-icon@3x.png",
                                    "Icon": "icons/account/lock.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "92e9f0af-c0ef-c684-f3a3-5034d6b45ee5",
                                "type": "/UI Components/Design System/Divider",
                                "x": 444,
                                "y": 813,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a63d70d0-d4d1-08fa-d0b7-872689b8b45a",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 260,
                                "parameters": {
                                    "label": "Don't sell my personal information",
                                    "icon2x": "icons/stop-icon@2x.png",
                                    "icon3x": "icons/stop-icon@3x.png",
                                    "Icon": "icons/account/ban.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b63dde69-7f6c-029a-676c-eb44156de52d",
                                "type": "/UI Components/Design System/Divider",
                                "x": 469,
                                "y": 904,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a3f5e811-fa99-cfe1-5873-3ca46ff5ee21",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 352,
                                "parameters": {
                                    "label": "Request my personal information",
                                    "icon2x": "icons/information-icon@2x.png",
                                    "icon3x": "icons/information-icon@3x.png",
                                    "Icon": "icons/account/article-18.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Cart/Cart Category Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "98eedf00-9ace-d4b8-6dec-df2563c79139",
                        "fromProperty": "itemId",
                        "toId": "c6674bff-c83a-e828-f548-c00765ff06df",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "4c119f3b-a42c-a5e1-6e06-400b2f935cc5",
                        "fromProperty": "onClick",
                        "toId": "8383f6b7-d324-d725-3519-670644157921",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "8383f6b7-d324-d725-3519-670644157921",
                        "fromProperty": "Chevron Rotation Z",
                        "toId": "e99d945b-b3b7-d705-84d9-8a2228134ac1",
                        "toProperty": "transformRotation"
                    },
                    {
                        "fromId": "c6674bff-c83a-e828-f548-c00765ff06df",
                        "fromProperty": "label",
                        "toId": "c11d7570-a5c3-bd63-b1f1-e54a4dd4b4f8",
                        "toProperty": "label"
                    },
                    {
                        "fromId": "c11d7570-a5c3-bd63-b1f1-e54a4dd4b4f8",
                        "fromProperty": "formatted",
                        "toId": "d35efca6-9f82-dafa-553d-d5445a4a6f07",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "c6674bff-c83a-e828-f548-c00765ff06df",
                        "fromProperty": "numItems",
                        "toId": "c11d7570-a5c3-bd63-b1f1-e54a4dd4b4f8",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "e2a0e04e-2304-a57c-3676-6e91c2e41c6d",
                        "fromProperty": "currentValue",
                        "toId": "c11d7570-a5c3-bd63-b1f1-e54a4dd4b4f8",
                        "toProperty": "item_or_items"
                    },
                    {
                        "fromId": "c6674bff-c83a-e828-f548-c00765ff06df",
                        "fromProperty": "numItems",
                        "toId": "c77b904a-d948-1bc7-e939-565ae65d2541",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "c77b904a-d948-1bc7-e939-565ae65d2541",
                        "fromProperty": "result",
                        "toId": "e2a0e04e-2304-a57c-3676-6e91c2e41c6d",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "541e3cbf-eea9-5132-3f1e-46bce5b817a1",
                        "fromProperty": "items",
                        "toId": "63a611d4-d7f5-2957-af79-f6d7f65eac88",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "8383f6b7-d324-d725-3519-670644157921",
                        "fromProperty": "Content Position Y",
                        "toId": "2a1160ab-30b6-abb7-582a-27fcfb5025c7",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "98eedf00-9ace-d4b8-6dec-df2563c79139",
                        "fromProperty": "itemId",
                        "toId": "e9112027-d9b7-e1ed-27d5-a4511ba7b11c",
                        "toProperty": "categoryId"
                    },
                    {
                        "fromId": "e9112027-d9b7-e1ed-27d5-a4511ba7b11c",
                        "fromProperty": "formatted",
                        "toId": "541e3cbf-eea9-5132-3f1e-46bce5b817a1",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "541e3cbf-eea9-5132-3f1e-46bce5b817a1",
                        "fromProperty": "items",
                        "toId": "098ad233-4f3e-29a4-a6a2-3aafbad19123",
                        "toProperty": "collection"
                    },
                    {
                        "fromId": "98eedf00-9ace-d4b8-6dec-df2563c79139",
                        "fromProperty": "itemId",
                        "toId": "098ad233-4f3e-29a4-a6a2-3aafbad19123",
                        "toProperty": "categoryItemId"
                    },
                    {
                        "fromId": "24105112-9d26-d0b2-e568-357874b9fea9",
                        "fromProperty": "eventReceived",
                        "toId": "098ad233-4f3e-29a4-a6a2-3aafbad19123",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "ec9cb643-0c6f-5cac-e631-e2932bf4e873",
                        "fromProperty": "didMount",
                        "toId": "098ad233-4f3e-29a4-a6a2-3aafbad19123",
                        "toProperty": "refresh"
                    }
                ],
                "roots": [
                    {
                        "id": "98eedf00-9ace-d4b8-6dec-df2563c79139",
                        "type": "For Each Actions",
                        "x": -162,
                        "y": 701,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c6674bff-c83a-e828-f548-c00765ff06df",
                        "type": "Model",
                        "x": 187,
                        "y": 670,
                        "parameters": {
                            "properties": "label,numItems"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "label",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numItems",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ec9cb643-0c6f-5cac-e631-e2932bf4e873",
                        "type": "Group",
                        "x": 673,
                        "y": 402,
                        "parameters": {
                            "sizeMode": "explicit",
                            "height": {
                                "value": 46,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "be7d5f1a-9c7f-7f1d-313c-52a514a58974",
                                "type": "Group",
                                "x": 705.1251603048256,
                                "y": 446.8124732825291,
                                "parameters": {
                                    "height": {
                                        "value": 46,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "bf9c5aa4-d8db-9dbe-05e7-2990bc068d0b",
                                        "type": "Group",
                                        "label": "CARD DIVDER",
                                        "x": 732,
                                        "y": 460.00000000000006,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F2F2F2",
                                            "position": "relative",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "0942dac1-04e5-a77c-4d4a-91afd9715c10",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row",
                                            "visible": true,
                                            "marginLeft": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d35efca6-9f82-dafa-553d-d5445a4a6f07",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "color": "#000000",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "4c119f3b-a42c-a5e1-6e06-400b2f935cc5",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 128,
                                                "parameters": {
                                                    "position": "absolute",
                                                    "sizeMode": "contentWidth",
                                                    "alignX": "right",
                                                    "alignY": "center",
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "43beae3d-8feb-c91d-77f2-cc491fd0ebad",
                                                        "type": "Text",
                                                        "label": "Discover More",
                                                        "x": 20,
                                                        "y": 82,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "text": "Discover more",
                                                            "color": "#6D6E71",
                                                            "alignY": "center",
                                                            "marginRight": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "e99d945b-b3b7-d705-84d9-8a2228134ac1",
                                                        "type": "Image",
                                                        "x": 20,
                                                        "y": 107,
                                                        "parameters": {
                                                            "src": "icons/gray-chevron.svg",
                                                            "alignY": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "8ce9537a-6b69-9efc-ae7f-8f69dcddf876",
                                        "type": "Group",
                                        "label": "CARD DIVDER",
                                        "x": 762,
                                        "y": 461,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F2F2F2",
                                            "position": "relative",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "953b301d-80ee-1976-5c57-12ee739b0030",
                                "type": "Group",
                                "x": 20,
                                "y": 567,
                                "parameters": {
                                    "width": {
                                        "value": 100,
                                        "unit": "vw"
                                    },
                                    "height": {
                                        "value": 130,
                                        "unit": "px"
                                    },
                                    "position": "absolute",
                                    "marginTop": {
                                        "value": 46,
                                        "unit": "px"
                                    },
                                    "clip": true,
                                    "marginLeft": {
                                        "value": -15,
                                        "unit": "px"
                                    },
                                    "zIndex": 1,
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2a1160ab-30b6-abb7-582a-27fcfb5025c7",
                                        "type": "Group",
                                        "label": "Actual Content",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "height": {
                                                "value": 120,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#FFFFFF",
                                            "paddingLeft": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "paddingTop": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "boxShadowEnabled": true,
                                            "boxShadowOffsetY": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "boxShadowBlurRadius": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "boxShadowSpreadRadius": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "boxShadowColor": "rgba(157, 159, 162, 0.16)",
                                            "marginLeft": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 6,
                                                "unit": "px"
                                            },
                                            "borderRadius": 8
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "c90dbc35-9c4c-9518-6d8c-e5e933b18f1a",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "63a611d4-d7f5-2957-af79-f6d7f65eac88",
                                                        "type": "For Each",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "template": "/Cart/Cart Attacment Item"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8383f6b7-d324-d725-3519-670644157921",
                        "type": "States",
                        "x": 1106,
                        "y": 577,
                        "parameters": {
                            "states": "Default,Expanded",
                            "values": "Chevron Rotation Z,Content Position Y",
                            "value-Default-Chevron Rotation Z": 0,
                            "value-Expanded-Chevron Rotation Z": 180,
                            "duration-Default": 150,
                            "value-Default-Content Position Y": -126,
                            "value-Expanded-Content Position Y": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Chevron Rotation Z",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Content Position Y",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Chevron Rotation Z",
                                "displayName": "Chevron Rotation Z",
                                "editorName": "Default|Chevron Rotation Z",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Content Position Y",
                                "displayName": "Content Position Y",
                                "editorName": "Default|Content Position Y",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Chevron Rotation Z",
                                "displayName": "Chevron Rotation Z",
                                "editorName": "Expanded|Chevron Rotation Z",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Expanded Values",
                                "name": "value-Expanded-Content Position Y",
                                "displayName": "Content Position Y",
                                "editorName": "Expanded|Content Position Y",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Expanded Transition",
                                "name": "transition-Expanded",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Expanded Transition",
                                "name": "duration-Expanded",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Expanded",
                                "name": "to-Expanded",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Expanded",
                                "name": "at-Expanded",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Expanded",
                                "name": "reached-Expanded",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Expanded"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c11d7570-a5c3-bd63-b1f1-e54a4dd4b4f8",
                        "type": "String Format",
                        "x": 348,
                        "y": 448,
                        "parameters": {
                            "format": "{label} • {count} {item_or_items}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "label",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "count",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "item_or_items",
                                "type": "string",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e2a0e04e-2304-a57c-3676-6e91c2e41c6d",
                        "type": "String Selector",
                        "x": 487,
                        "y": 635,
                        "parameters": {
                            "input 0": "item",
                            "input 1": "items"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c77b904a-d948-1bc7-e939-565ae65d2541",
                        "type": "Expression",
                        "x": 457,
                        "y": 795,
                        "parameters": {
                            "expression": "count > 1"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "541e3cbf-eea9-5132-3f1e-46bce5b817a1",
                        "type": "Collection",
                        "x": 371,
                        "y": 1126,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "098ad233-4f3e-29a4-a6a2-3aafbad19123",
                        "type": "Javascript2",
                        "label": "Find Recommendations",
                        "x": 117.12516030482561,
                        "y": 1066.812473282529,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    refresh:'signal',\n\t    categoryItemId: 'string',\n\t    collection: 'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\n    setup(inputs, outputs) {\n        \n        this.getRecommendedItemsForCategory = (categoryId, itemsToIgnore) => {\n            let allIndicies = Array.from(Array(window.wallyProducts.length).keys());\n            let recomendedItems = [];\n            \n            while(allIndicies.length > 0 && recomendedItems.length < 5) {\n                let randomIndex = Math.floor(Math.random() * allIndicies.length);\n                let itemIndex = allIndicies[randomIndex];\n                allIndicies.splice(randomIndex, 1);\n                \n                let product = window.wallyProducts[itemIndex];\n                \n                if(itemsToIgnore.indexOf(product.itemId) !== -1) {\n                    continue;\n                }\n\n                if(product.category && product.category.path.length > 0 && product.category.path[0].name === categoryId) {\n                    // product has a category and it matches this category\n                    recomendedItems.push(product);\n                } else if (!product.category || product.category.path.length === 0) {\n                    // product doesn't have a category, might as well use it anyways\n                    recomendedItems.push(product);\n                }\n            }\n            \n            return recomendedItems;    \n        }\n        \n        this.refresh = () => {\n            if(!inputs.categoryItemId || Noodl.Model.exists(inputs.categoryItemId) === false) {\n                console.log(\"No category item model with id \"+ inputs.categoryItemId );\n                return;\n            }\n            \n            let categoryModel = Noodl.Model.get(inputs.categoryItemId);\n            let itemsInCartInCategory = categoryModel.get(\"items\");\n            \n            let recommendedItems = this.getRecommendedItemsForCategory(categoryModel.get(\"label\"), itemsInCartInCategory);\n            \n            let models = [];\n            for(let i = 0; i < recommendedItems.length; ++i) {\n                models.push(Noodl.Model.create({\n                    \"itemId\": recommendedItems[i].itemId\n                }));\n                Noodl.Model.create(recommendedItems[i]);\n            }\n            \n            inputs.collection.set(models);\n        }\n        this.refresh();\n    },\n\trefresh(inputs,outputs) {\n\t\tthis.refresh();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "categoryItemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e9112027-d9b7-e1ed-27d5-a4511ba7b11c",
                        "type": "String Format",
                        "x": 168.1251603048256,
                        "y": 859.812473282529,
                        "parameters": {
                            "format": "{categoryId}-recommendations"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "categoryId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "24105112-9d26-d0b2-e568-357874b9fea9",
                        "type": "Event Receiver",
                        "x": -310.8748396951744,
                        "y": 1039.812473282529,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Cart/Cart Attacment Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "b55e9be2-9266-6837-73f1-33ff909aa39c",
                        "fromProperty": "itemId",
                        "toId": "3b98d79a-cb13-27b8-5af6-383c478ef625",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "65fb799a-d97a-265a-fa42-b14b93f819ad",
                        "fromProperty": "Formatted Price",
                        "toId": "e8c2b907-867d-f1a2-d618-f61da70c9760",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "3b98d79a-cb13-27b8-5af6-383c478ef625",
                        "fromProperty": "itemId",
                        "toId": "8cf8e50c-8c9a-d92f-75b6-daf03cdf0ef0",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "8cf8e50c-8c9a-d92f-75b6-daf03cdf0ef0",
                        "fromProperty": "price",
                        "toId": "65fb799a-d97a-265a-fa42-b14b93f819ad",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "3b98d79a-cb13-27b8-5af6-383c478ef625",
                        "fromProperty": "itemId",
                        "toId": "8552571b-ed37-6aa9-a83a-d90fc06c12e6",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "3b98d79a-cb13-27b8-5af6-383c478ef625",
                        "fromProperty": "itemId",
                        "toId": "e0e93708-d6e7-2266-9ee1-33cfe2d20d0c",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "b55e9be2-9266-6837-73f1-33ff909aa39c",
                        "type": "For Each Actions",
                        "x": 1718.4405424308284,
                        "y": 825.7040595010865,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "03f1f68d-2160-7547-7d11-cb61c4ac6964",
                        "type": "Group",
                        "x": 2330.398381872375,
                        "y": 793.1759221515982,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginRight": {
                                "value": 20,
                                "unit": "px"
                            },
                            "width": {
                                "value": 59,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "8552571b-ed37-6aa9-a83a-d90fc06c12e6",
                                "type": "/UI Components/Product Tile",
                                "x": 20,
                                "y": 46,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "e8c2b907-867d-f1a2-d618-f61da70c9760",
                                "type": "Text",
                                "x": 2350.398381872375,
                                "y": 921.1759221515982,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "fontSize": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "color": "#000000",
                                    "letterSpacing": 0.85,
                                    "textAlign": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "e0e93708-d6e7-2266-9ee1-33cfe2d20d0c",
                                "type": "/UI Components/Add To Cart Stepper",
                                "x": 2394.8512244775143,
                                "y": 800.6903929080934,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "65fb799a-d97a-265a-fa42-b14b93f819ad",
                        "type": "/Components/Price Format",
                        "x": 2173.139066028122,
                        "y": 1100.357327629261,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3b98d79a-cb13-27b8-5af6-383c478ef625",
                        "type": "Model",
                        "x": 1941.1390660281222,
                        "y": 948.3573276292609,
                        "parameters": {
                            "properties": "price,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8cf8e50c-8c9a-d92f-75b6-daf03cdf0ef0",
                        "type": "Model",
                        "x": 2073.139066028122,
                        "y": 820.3573276292609,
                        "parameters": {
                            "properties": "price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Product Tile",
            "graph": {
                "connections": [
                    {
                        "fromId": "44d2ecf1-5660-2a99-e13e-511fa339fa08",
                        "fromProperty": "Item Id",
                        "toId": "5a8afad7-a91f-6191-66a1-7c8961f423ce",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "5a8afad7-a91f-6191-66a1-7c8961f423ce",
                        "fromProperty": "img",
                        "toId": "c36f76a5-672d-6e9c-fcf3-3b2e580c440e",
                        "toProperty": "src"
                    }
                ],
                "roots": [
                    {
                        "id": "5a8afad7-a91f-6191-66a1-7c8961f423ce",
                        "type": "Model",
                        "x": 740,
                        "y": 753,
                        "parameters": {
                            "properties": "img,price,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "44d2ecf1-5660-2a99-e13e-511fa339fa08",
                        "type": "Component Inputs",
                        "x": 515,
                        "y": 748,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Big",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cc795cc1-5e92-a997-02d3-e3d1950ef9d5",
                        "type": "Group",
                        "x": 962.622434884951,
                        "y": 666.8606923992922,
                        "parameters": {
                            "height": {
                                "value": 56,
                                "unit": "px"
                            },
                            "width": {
                                "value": 56,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "56abd230-5914-9bfd-87c8-da748ee8781c",
                                "type": "Group",
                                "x": 982.622434884951,
                                "y": 712.8606923992922,
                                "parameters": {
                                    "width": {
                                        "value": 50,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 50,
                                        "unit": "px"
                                    },
                                    "alignY": "center",
                                    "position": "absolute",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c36f76a5-672d-6e9c-fcf3-3b2e580c440e",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentWidth",
                                            "alignY": "center",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Add To Cart Stepper",
            "graph": {
                "connections": [
                    {
                        "fromId": "fa683450-21fa-0117-9a70-b9ceccaa6011",
                        "fromProperty": "result",
                        "toId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "fromProperty": "opacity clicked",
                        "toId": "432d44b0-103e-796c-e02e-428f530c0d23",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "b574c810-3153-0202-54b7-bf2dbebbb604",
                        "fromProperty": "onClick",
                        "toId": "f0bf9bb1-4b19-232e-54d1-b2db4c401b7f",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "e02d7f8f-a26b-c0dd-8208-b8b75b20f8fc",
                        "fromProperty": "timerFinished",
                        "toId": "e9309964-1105-9805-0c95-76ad71b4c296",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "4be435da-b671-d073-255a-887b9e206533",
                        "fromProperty": "onClick",
                        "toId": "e02d7f8f-a26b-c0dd-8208-b8b75b20f8fc",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "968df8c3-2488-63ce-622b-4cb36731f8e2",
                        "fromProperty": "result",
                        "toId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "toProperty": "to-clicked"
                    },
                    {
                        "fromId": "432d44b0-103e-796c-e02e-428f530c0d23",
                        "fromProperty": "boundingWidth",
                        "toId": "ddf96d78-be88-0181-b038-4643843c6497",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "fromProperty": "width blend",
                        "toId": "ddf96d78-be88-0181-b038-4643843c6497",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "ddf96d78-be88-0181-b038-4643843c6497",
                        "fromProperty": "result",
                        "toId": "af607c9b-b6d6-e1f7-f745-469d6321eb88",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "3a831dd9-5a0a-b045-b797-d628b1cca36a",
                        "fromProperty": "onClick",
                        "toId": "f0bf9bb1-4b19-232e-54d1-b2db4c401b7f",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "fromProperty": "opactity default",
                        "toId": "3a831dd9-5a0a-b045-b797-d628b1cca36a",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "fromProperty": "Position",
                        "toId": "5422558e-e5ad-37c7-ed5e-272340f9b36d",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "fromProperty": "Align X",
                        "toId": "5422558e-e5ad-37c7-ed5e-272340f9b36d",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "fromProperty": "Align Y",
                        "toId": "5422558e-e5ad-37c7-ed5e-272340f9b36d",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "fromProperty": "Item Id",
                        "toId": "5a6eefce-7b1e-4521-ba9b-c408d6893f14",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "5a6eefce-7b1e-4521-ba9b-c408d6893f14",
                        "fromProperty": "Cart Count",
                        "toId": "fa683450-21fa-0117-9a70-b9ceccaa6011",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "5a6eefce-7b1e-4521-ba9b-c408d6893f14",
                        "fromProperty": "Cart Count",
                        "toId": "968df8c3-2488-63ce-622b-4cb36731f8e2",
                        "toProperty": "count"
                    },
                    {
                        "fromId": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "fromProperty": "Item Id",
                        "toId": "068b5aff-2da1-81d4-0c70-9499773dd039",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "fromProperty": "Item Id",
                        "toId": "e9309964-1105-9805-0c95-76ad71b4c296",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "5a6eefce-7b1e-4521-ba9b-c408d6893f14",
                        "fromProperty": "Cart Count",
                        "toId": "6faede7b-aace-d1a4-303f-9e5b628c15f2",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "3a831dd9-5a0a-b045-b797-d628b1cca36a",
                        "fromProperty": "onClick",
                        "toId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "toProperty": "to-clicked"
                    },
                    {
                        "fromId": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "fromProperty": "Mounted",
                        "toId": "5422558e-e5ad-37c7-ed5e-272340f9b36d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "f0bf9bb1-4b19-232e-54d1-b2db4c401b7f",
                        "fromProperty": "timerFinished",
                        "toId": "ce3f4dbf-431c-feb5-44ee-859a966b731a",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "f0bf9bb1-4b19-232e-54d1-b2db4c401b7f",
                        "fromProperty": "timerFinished",
                        "toId": "068b5aff-2da1-81d4-0c70-9499773dd039",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "fromProperty": "at-clicked",
                        "toId": "defd7f0e-ff34-f3b2-7a46-b2b01d54dc47",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "defd7f0e-ff34-f3b2-7a46-b2b01d54dc47",
                        "fromProperty": "timerFinished",
                        "toId": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "toProperty": "to-default"
                    },
                    {
                        "fromId": "3a831dd9-5a0a-b045-b797-d628b1cca36a",
                        "fromProperty": "onClick",
                        "toId": "defd7f0e-ff34-f3b2-7a46-b2b01d54dc47",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "b574c810-3153-0202-54b7-bf2dbebbb604",
                        "fromProperty": "onClick",
                        "toId": "defd7f0e-ff34-f3b2-7a46-b2b01d54dc47",
                        "toProperty": "restart"
                    }
                ],
                "roots": [
                    {
                        "id": "11d65599-149b-7773-ad0b-74f1765f94a7",
                        "type": "Component Inputs",
                        "x": 234,
                        "y": 721,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 2
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 3
                            },
                            {
                                "name": "Align Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 4
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 5
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "068b5aff-2da1-81d4-0c70-9499773dd039",
                        "type": "Event Sender",
                        "x": 927.939453723707,
                        "y": 555.90641482975,
                        "parameters": {
                            "channelName": "Add to cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fa683450-21fa-0117-9a70-b9ceccaa6011",
                        "type": "Expression",
                        "x": 1606.9663752938181,
                        "y": 831.9589429863026,
                        "parameters": {
                            "expression": "count === 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7f9bf2e5-eced-9676-19b3-0116dae20373",
                        "type": "States",
                        "x": 1905.621379169077,
                        "y": 717.5768897217745,
                        "parameters": {
                            "states": "default,clicked",
                            "values": "opactity default,opacity clicked,width blend",
                            "value-default-opactity default": 1,
                            "value-default-opacity clicked": 0,
                            "value-clicked-opactity default": 0,
                            "value-clicked-opacity clicked": 1,
                            "value-default-width blend": 0,
                            "value-clicked-width blend": 1,
                            "duration-default": 150,
                            "duration-clicked": 150
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opactity default",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity clicked",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "width blend",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-opactity default",
                                "displayName": "opactity default",
                                "editorName": "default|opactity default",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-opacity clicked",
                                "displayName": "opacity clicked",
                                "editorName": "default|opacity clicked",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-width blend",
                                "displayName": "width blend",
                                "editorName": "default|width blend",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To default",
                                "name": "to-default",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At default",
                                "name": "at-default",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached default",
                                "name": "reached-default",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "clicked Values",
                                "name": "value-clicked-opactity default",
                                "displayName": "opactity default",
                                "editorName": "clicked|opactity default",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "clicked Values",
                                "name": "value-clicked-opacity clicked",
                                "displayName": "opacity clicked",
                                "editorName": "clicked|opacity clicked",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "clicked Values",
                                "name": "value-clicked-width blend",
                                "displayName": "width blend",
                                "editorName": "clicked|width blend",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "clicked Transition",
                                "name": "transition-clicked",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "clicked Transition",
                                "name": "duration-clicked",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To clicked",
                                "name": "to-clicked",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At clicked",
                                "name": "at-clicked",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached clicked",
                                "name": "reached-clicked",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "clicked"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 25
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5422558e-e5ad-37c7-ed5e-272340f9b36d",
                        "type": "Group",
                        "x": 743,
                        "y": 728,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "width": {
                                "value": 30,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "position": "absolute",
                            "alignX": "right",
                            "zIndex": 1,
                            "pointerEventsMode": "explicit"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "af607c9b-b6d6-e1f7-f745-469d6321eb88",
                                "type": "Group",
                                "label": "Blue Background",
                                "x": 20,
                                "y": 142,
                                "parameters": {
                                    "height": {
                                        "value": 30,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#0065FF",
                                    "borderRadius": 15,
                                    "width": {
                                        "value": 100,
                                        "unit": "px"
                                    },
                                    "visible": true,
                                    "alignX": "right"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "3a831dd9-5a0a-b045-b797-d628b1cca36a",
                                "type": "Group",
                                "label": "Single Plus",
                                "x": 20,
                                "y": 239,
                                "parameters": {
                                    "width": {
                                        "value": 30,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 30,
                                        "unit": "px"
                                    },
                                    "position": "absolute",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "8165e67f-8bd6-90e9-1b9c-b6b43d8fe4d4",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 117,
                                        "parameters": {
                                            "src": "icons/icon_plus.svg",
                                            "position": "absolute",
                                            "alignX": "center",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "432d44b0-103e-796c-e02e-428f530c0d23",
                                "type": "Group",
                                "label": "Stepper",
                                "x": 20,
                                "y": 402,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "flexDirection": "row",
                                    "height": {
                                        "value": 30,
                                        "unit": "px"
                                    },
                                    "position": "absolute",
                                    "style": "{\n}",
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "alignX": "right",
                                    "paddingLeft": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 72,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4be435da-b671-d073-255a-887b9e206533",
                                        "type": "Group",
                                        "label": "Minus",
                                        "x": 20,
                                        "y": 117,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "alignY": "center",
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row",
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "a59907bf-7bf9-f963-4dde-ff9c443826c5",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "src": "icons/icon_minus.svg",
                                                    "alignY": "center",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "6faede7b-aace-d1a4-303f-9e5b628c15f2",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 260,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "alignY": "center",
                                            "color": "#FFFFFF",
                                            "text": "",
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "textAlign": "center",
                                            "style": "{\n    minWidth: \"20px\"\n}",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "b574c810-3153-0202-54b7-bf2dbebbb604",
                                        "type": "Group",
                                        "label": "Plus",
                                        "x": 20,
                                        "y": 342,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "flexDirection": "row",
                                            "width": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "f5b585b0-e5c8-dcaa-a056-2f74f6d9a8f9",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "src": "icons/icon_plus.svg",
                                                    "alignY": "center",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "alignX": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "f0bf9bb1-4b19-232e-54d1-b2db4c401b7f",
                        "type": "Timer",
                        "x": 1497.4168255071547,
                        "y": 592.3338218703431,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e9309964-1105-9805-0c95-76ad71b4c296",
                        "type": "Event Sender",
                        "x": 1962.8273348755017,
                        "y": 1093.5184775189296,
                        "parameters": {
                            "channelName": "Remove from cart"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e02d7f8f-a26b-c0dd-8208-b8b75b20f8fc",
                        "type": "Timer",
                        "x": 1643.7929599313093,
                        "y": 1120.271175931825,
                        "parameters": {
                            "duration": 10
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "968df8c3-2488-63ce-622b-4cb36731f8e2",
                        "type": "Expression",
                        "x": 1607.3797510634845,
                        "y": 967.2600509023259,
                        "parameters": {
                            "expression": "count > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "count",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ddf96d78-be88-0181-b038-4643843c6497",
                        "type": "Number Blend",
                        "x": 2146.553425872916,
                        "y": 899.1769393400668,
                        "parameters": {
                            "input 0": 30
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5a6eefce-7b1e-4521-ba9b-c408d6893f14",
                        "type": "/Cart/Cart Count",
                        "x": 403.27505432588475,
                        "y": 1106.8125194021018,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ce3f4dbf-431c-feb5-44ee-859a966b731a",
                        "type": "Event Sender",
                        "x": 1108.5240489803527,
                        "y": 429.83758085900297,
                        "parameters": {
                            "channelName": "log_add_from_pill"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "defd7f0e-ff34-f3b2-7a46-b2b01d54dc47",
                        "type": "Timer",
                        "label": "COLLAPSE TIMER",
                        "x": 1897.1370036245712,
                        "y": 542.447241791593,
                        "parameters": {
                            "duration": 5000
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Price Format",
            "graph": {
                "connections": [
                    {
                        "fromId": "08a2fc6b-f293-e0c0-9503-ee8ef759e885",
                        "fromProperty": "result",
                        "toId": "eb934842-99b6-a48b-f05f-2ee5bc41a526",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "e83c04f5-1b7d-79a4-afa4-04deb78d9a56",
                        "fromProperty": "Price",
                        "toId": "b02b3bbe-6a47-40e8-9f31-041ec2acfe23",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "b02b3bbe-6a47-40e8-9f31-041ec2acfe23",
                        "fromProperty": "savedValue",
                        "toId": "08a2fc6b-f293-e0c0-9503-ee8ef759e885",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "08a2fc6b-f293-e0c0-9503-ee8ef759e885",
                        "fromProperty": "result",
                        "toId": "c8ee5a79-778a-d0c1-1c84-a9624e0d6dc7",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "c8ee5a79-778a-d0c1-1c84-a9624e0d6dc7",
                        "fromProperty": "result",
                        "toId": "89a04928-bfb0-9769-0694-f0431f091c9f",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "eb934842-99b6-a48b-f05f-2ee5bc41a526",
                        "fromProperty": "formatted",
                        "toId": "89a04928-bfb0-9769-0694-f0431f091c9f",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "89a04928-bfb0-9769-0694-f0431f091c9f",
                        "fromProperty": "currentValue",
                        "toId": "0a3d4f6e-ace0-65f6-dda0-9c3e59d19f90",
                        "toProperty": "Formatted Price"
                    }
                ],
                "roots": [
                    {
                        "id": "eb934842-99b6-a48b-f05f-2ee5bc41a526",
                        "type": "String Format",
                        "x": 547.9610014394012,
                        "y": 401.08734991004644,
                        "parameters": {
                            "format": "${price}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "08a2fc6b-f293-e0c0-9503-ee8ef759e885",
                        "type": "Expression",
                        "x": 316,
                        "y": 387,
                        "parameters": {
                            "expression": "price.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e83c04f5-1b7d-79a4-afa4-04deb78d9a56",
                        "type": "Component Inputs",
                        "x": -185,
                        "y": 356,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Price",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b02b3bbe-6a47-40e8-9f31-041ec2acfe23",
                        "type": "Number",
                        "x": 115,
                        "y": 372,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0a3d4f6e-ace0-65f6-dda0-9c3e59d19f90",
                        "type": "Component Outputs",
                        "x": 874,
                        "y": 377,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Formatted Price",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c8ee5a79-778a-d0c1-1c84-a9624e0d6dc7",
                        "type": "Expression",
                        "x": 487.9922002878802,
                        "y": 167.21746998200928,
                        "parameters": {
                            "expression": "price > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "89a04928-bfb0-9769-0694-f0431f091c9f",
                        "type": "String Selector",
                        "x": 680.9922002878802,
                        "y": 263.2174699820093,
                        "parameters": {
                            "input 0": "FREE"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Buy Now/Buy Now List Items Confirmed Popup",
            "graph": {
                "connections": [
                    {
                        "fromId": "fc331756-a921-fb7c-2ddd-2871ea0dcd92",
                        "fromProperty": "model_id",
                        "toId": "34f99146-4e0e-a00e-8e4b-1ccf4506d813",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "db640ce7-758e-b2d1-086b-eeeb4172832c",
                        "fromProperty": "formatted",
                        "toId": "f896dac2-8991-2386-b33a-576473cf087c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "cb571cd4-62ff-38ee-4485-8d1ab65a486a",
                        "fromProperty": "formatted",
                        "toId": "dbaa68f6-b8b9-3763-684f-3ed674c7dd2b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "1733db32-3043-e7cb-06d4-40a8575d8ddb",
                        "fromProperty": "formatted",
                        "toId": "8b26dec0-7dfa-7516-abae-e9e051302e7e",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ef058962-f366-6e11-20b3-84bb82eb2abe",
                        "fromProperty": "formatted",
                        "toId": "58c2f637-75d7-e6b1-80bc-fc07d738b767",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "f3e2eba1-0cca-ef46-de77-c6edfd29edba",
                        "fromProperty": "savedValue",
                        "toId": "d1cd053c-871f-97fb-5137-739d91de2d26",
                        "toProperty": "delivery"
                    },
                    {
                        "fromId": "f3e2eba1-0cca-ef46-de77-c6edfd29edba",
                        "fromProperty": "savedValue",
                        "toId": "e645756e-2640-6071-d2c7-3d06e608cd1f",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "08cf033b-581c-aca0-db66-1f6b4c71e749",
                        "fromProperty": "result",
                        "toId": "47857861-abee-6a38-c5b1-75968d0f9740",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "47857861-abee-6a38-c5b1-75968d0f9740",
                        "fromProperty": "result",
                        "toId": "d1cd053c-871f-97fb-5137-739d91de2d26",
                        "toProperty": "tax"
                    },
                    {
                        "fromId": "d1cd053c-871f-97fb-5137-739d91de2d26",
                        "fromProperty": "result",
                        "toId": "0d854df8-fd44-55b4-538f-0d0e38cc8511",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "cfe610a4-b327-6204-2a74-54d3fb21aff8",
                        "fromProperty": "savedValue",
                        "toId": "ef058962-f366-6e11-20b3-84bb82eb2abe",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "34f99146-4e0e-a00e-8e4b-1ccf4506d813",
                        "fromProperty": "price",
                        "toId": "08cf033b-581c-aca0-db66-1f6b4c71e749",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "34f99146-4e0e-a00e-8e4b-1ccf4506d813",
                        "fromProperty": "price",
                        "toId": "2825dba1-8a74-a7f5-0192-c3dc00ecb629",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "34f99146-4e0e-a00e-8e4b-1ccf4506d813",
                        "fromProperty": "price",
                        "toId": "d1cd053c-871f-97fb-5137-739d91de2d26",
                        "toProperty": "total"
                    },
                    {
                        "fromId": "222ce085-60c3-b7a6-91c2-fd35caefeaa2",
                        "fromProperty": "DeliveryAddress",
                        "toId": "864e84dc-506d-aeae-a4ce-0c91f48c68cd",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "222ce085-60c3-b7a6-91c2-fd35caefeaa2",
                        "fromProperty": "UserFullname",
                        "toId": "1f4ced99-6973-a30e-4923-68a3bff2f45e",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "0d854df8-fd44-55b4-538f-0d0e38cc8511",
                        "fromProperty": "result",
                        "toId": "9e473a25-bc64-9ab1-4245-c25b5ed6d750",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "9e473a25-bc64-9ab1-4245-c25b5ed6d750",
                        "fromProperty": "result",
                        "toId": "1733db32-3043-e7cb-06d4-40a8575d8ddb",
                        "toProperty": "number"
                    },
                    {
                        "fromId": "47857861-abee-6a38-c5b1-75968d0f9740",
                        "fromProperty": "result",
                        "toId": "4722ce54-6c3d-b60f-5b79-2ddd8d09ec7a",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "4722ce54-6c3d-b60f-5b79-2ddd8d09ec7a",
                        "fromProperty": "result",
                        "toId": "cb571cd4-62ff-38ee-4485-8d1ab65a486a",
                        "toProperty": "number"
                    },
                    {
                        "fromId": "e645756e-2640-6071-d2c7-3d06e608cd1f",
                        "fromProperty": "result",
                        "toId": "82e2258d-a57b-d349-572f-79b659956ae7",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "82e2258d-a57b-d349-572f-79b659956ae7",
                        "fromProperty": "result",
                        "toId": "b8d2e858-4209-794c-bc3f-5dd19eb499f6",
                        "toProperty": "number"
                    },
                    {
                        "fromId": "2825dba1-8a74-a7f5-0192-c3dc00ecb629",
                        "fromProperty": "result",
                        "toId": "08556481-bb26-1409-e4cd-5470432573fe",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "08556481-bb26-1409-e4cd-5470432573fe",
                        "fromProperty": "result",
                        "toId": "db640ce7-758e-b2d1-086b-eeeb4172832c",
                        "toProperty": "number"
                    },
                    {
                        "fromId": "fc331756-a921-fb7c-2ddd-2871ea0dcd92",
                        "fromProperty": "model_id",
                        "toId": "2b6cfd68-06d9-9a96-8c8e-ac594f2d2b76",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "2b6cfd68-06d9-9a96-8c8e-ac594f2d2b76",
                        "fromProperty": "articles",
                        "toId": "06b49256-0b09-162e-5b66-95deaab5ca21",
                        "toProperty": "articles"
                    },
                    {
                        "fromId": "06b49256-0b09-162e-5b66-95deaab5ca21",
                        "fromProperty": "collection",
                        "toId": "693c165c-20d1-0d04-68e7-29d830b62c71",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "5ce9b46e-26a3-6b9b-573f-c9c265d2f480",
                        "fromProperty": "Show",
                        "toId": "0aad8a4a-db15-9232-6cc3-1306bf243201",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "5ce9b46e-26a3-6b9b-573f-c9c265d2f480",
                        "fromProperty": "Hide",
                        "toId": "0aad8a4a-db15-9232-6cc3-1306bf243201",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "0aad8a4a-db15-9232-6cc3-1306bf243201",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "ce54cecb-5817-0df0-3630-5e307446d49b",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "0aad8a4a-db15-9232-6cc3-1306bf243201",
                        "fromProperty": "Hiding",
                        "toId": "ce54cecb-5817-0df0-3630-5e307446d49b",
                        "toProperty": "Hiding"
                    }
                ],
                "roots": [
                    {
                        "id": "fc331756-a921-fb7c-2ddd-2871ea0dcd92",
                        "type": "Component Inputs",
                        "x": 1070.7790654580144,
                        "y": 220.89306407721887,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "model_id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "34f99146-4e0e-a00e-8e4b-1ccf4506d813",
                        "type": "Model",
                        "x": 892.9598554554713,
                        "y": 604.2625162853371,
                        "parameters": {
                            "properties": "title,img,description,price,numReviews,customerRating,inHorizontalList,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "description",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingTime",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "inHorizontalList",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "quant",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 15
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "db640ce7-758e-b2d1-086b-eeeb4172832c",
                        "type": "String Format",
                        "x": 1041.6523872265188,
                        "y": 1198.6048766956487,
                        "parameters": {
                            "format": "${number}",
                            "number": "138.54"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "number",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b8d2e858-4209-794c-bc3f-5dd19eb499f6",
                        "type": "String Format",
                        "x": 1037.7494764431717,
                        "y": 1316.7792154069796,
                        "parameters": {
                            "format": "${number}",
                            "number": "8.99"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "number",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cb571cd4-62ff-38ee-4485-8d1ab65a486a",
                        "type": "String Format",
                        "x": 1041.2959639412143,
                        "y": 1419.7281625594374,
                        "parameters": {
                            "format": "${number}",
                            "number": "23.23"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "number",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1733db32-3043-e7cb-06d4-40a8575d8ddb",
                        "type": "String Format",
                        "x": 1045.555298009866,
                        "y": 1717.6735074331968,
                        "parameters": {
                            "format": "${number}",
                            "number": "169.89"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "number",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ef058962-f366-6e11-20b3-84bb82eb2abe",
                        "type": "String Format",
                        "x": 1035.5698451702115,
                        "y": 1078.7698446975344,
                        "parameters": {
                            "format": "Subtotal ({items} items)",
                            "number": "138.54"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "08cf033b-581c-aca0-db66-1f6b4c71e749",
                        "type": "Expression",
                        "x": 358,
                        "y": 1383.297983610424,
                        "parameters": {
                            "expression": "value * 0.07"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "value",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d1cd053c-871f-97fb-5137-739d91de2d26",
                        "type": "Expression",
                        "x": 1064.141932239034,
                        "y": 1531.114065385261,
                        "parameters": {
                            "expression": "total+tax+delivery"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "total",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "tax",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "delivery",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f3e2eba1-0cca-ef46-de77-c6edfd29edba",
                        "type": "Number",
                        "label": "Delivery Fee",
                        "x": 480.4428621498762,
                        "y": 960.9924108618752,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2825dba1-8a74-a7f5-0192-c3dc00ecb629",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 634.0011224698612,
                        "y": 1160.1923059007966,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e645756e-2640-6071-d2c7-3d06e608cd1f",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 636.0941747865502,
                        "y": 1296.2407064855975,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "47857861-abee-6a38-c5b1-75968d0f9740",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 634.0011224698608,
                        "y": 1396.7072176866816,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0d854df8-fd44-55b4-538f-0d0e38cc8511",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 755.7673810389829,
                        "y": 1685.04629044387,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cfe610a4-b327-6204-2a74-54d3fb21aff8",
                        "type": "Number",
                        "label": "Quantity",
                        "x": 742.0613465202092,
                        "y": 789.9264872943597,
                        "parameters": {
                            "value": 1
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "222ce085-60c3-b7a6-91c2-fd35caefeaa2",
                        "type": "Globals",
                        "x": 1658.4738950602807,
                        "y": 1422.938182417191,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "CartDeliveryPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9e473a25-bc64-9ab1-4245-c25b5ed6d750",
                        "type": "Expression",
                        "x": 968.1293166260691,
                        "y": 1897.0588764820654,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4722ce54-6c3d-b60f-5b79-2ddd8d09ec7a",
                        "type": "Expression",
                        "x": 850.7169250112299,
                        "y": 1459.1500091697496,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "82e2258d-a57b-d349-572f-79b659956ae7",
                        "type": "Expression",
                        "x": 852.0716273783665,
                        "y": 1287.538659720177,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "08556481-bb26-1409-e4cd-5470432573fe",
                        "type": "Expression",
                        "x": 838.305427548563,
                        "y": 1145.6975202488818,
                        "parameters": {
                            "expression": "num.toFixed(2)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2b6cfd68-06d9-9a96-8c8e-ac594f2d2b76",
                        "type": "Model",
                        "x": 912.6512765168111,
                        "y": 426.1307266257612,
                        "parameters": {
                            "properties": "articles"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "articles",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "06b49256-0b09-162e-5b66-95deaab5ca21",
                        "type": "Javascript2",
                        "x": 1104.4618541711454,
                        "y": 425.9497617444597,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    articles: 'array'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t    collection: 'collection'\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tsetup:function(inputs,outputs) {\n\t\t// ...\n\t\toutputs.collection = Noodl.Collection.get();\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t// ...\n\t\toutputs.collection.set(inputs.articles || [])\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "articles",
                                "plug": "input",
                                "type": {
                                    "name": "array"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "collection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5ce9b46e-26a3-6b9b-573f-c9c265d2f480",
                        "type": "Component Inputs",
                        "x": 1479.73188130048,
                        "y": 79.98907681898288,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ce54cecb-5817-0df0-3630-5e307446d49b",
                        "type": "Component Outputs",
                        "x": 2200.728646798399,
                        "y": 78.1179252224913,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5a224c32-825f-6cac-c055-c2934d18eb40",
                        "type": "Group",
                        "x": 1786.4548452693953,
                        "y": 28.757089689778013,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "0aad8a4a-db15-9232-6cc3-1306bf243201",
                                "type": "/UI Components/Native-ish Card",
                                "x": 1837.6096908334089,
                                "y": 41.01920657386387,
                                "parameters": {
                                    "Layout Mode": "Content Height"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2ae7b175-3760-d87f-5be3-1bafef5d6d4e",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 122,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 20,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b9a241e3-235f-9e64-b4ce-77bcde2c22df",
                                                "type": "Group",
                                                "x": 490,
                                                "y": 391,
                                                "parameters": {
                                                    "marginTop": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "79e60fc3-a543-c0b3-6fcf-e8206d3ddac5",
                                                        "type": "Text",
                                                        "x": 510,
                                                        "y": 437,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 22,
                                                                "unit": "px"
                                                            },
                                                            "text": "You're all set!",
                                                            "sizeMode": "contentSize",
                                                            "alignX": "center"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "47c4f383-da42-a083-17ee-bae21607d868",
                                                "type": "Group",
                                                "label": "CARD DIVDER",
                                                "x": 490,
                                                "y": 483,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "height": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#F2F2F2",
                                                    "width": {
                                                        "value": 100,
                                                        "unit": "%"
                                                    },
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "2a57d756-de1c-923b-8eb7-bff8a6465101",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 235,
                                                "parameters": {
                                                    "clip": false,
                                                    "flexDirection": "row",
                                                    "scrollBehavior": "noodl",
                                                    "scrollDirection": "x",
                                                    "showScrollbar": false
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "693c165c-20d1-0d04-68e7-29d830b62c71",
                                                        "type": "For Each",
                                                        "x": 1371.9977013715645,
                                                        "y": 628.2139884000279,
                                                        "parameters": {
                                                            "template": "/Buy Now/Buy Now Components/Product overview"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "03192b22-58e3-5dd5-d12d-acfa0805277a",
                                                "type": "Group",
                                                "label": "CARD DIVDER",
                                                "x": 490,
                                                "y": 800,
                                                "parameters": {
                                                    "sizeMode": "explicit",
                                                    "height": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#F2F2F2",
                                                    "width": {
                                                        "value": 100,
                                                        "unit": "%"
                                                    },
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "paddingLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "9c8b4767-042b-8638-5cb0-ef4002b124a8",
                                                "type": "Group",
                                                "label": "Arrival",
                                                "x": 490,
                                                "y": 861,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "visible": true,
                                                    "mounted": true,
                                                    "flexDirection": "column"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "809978f0-3991-a55c-5a0f-e8694469fe7d",
                                                        "type": "Group",
                                                        "x": 510,
                                                        "y": 922,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "1e796f75-5042-edd7-be4e-3c8b6dedda7f",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 968,
                                                                "parameters": {
                                                                    "text": "Arriving",
                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                    "color": "#000000",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentWidth"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "46f51c5b-68a3-59f0-ce28-65bc6b65bcef",
                                                                "type": "Group",
                                                                "x": 530,
                                                                "y": 1014,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 31,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "alignY": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "d78182b0-6df3-b820-b988-bad2c936d729",
                                                                        "type": "Text",
                                                                        "x": 550,
                                                                        "y": 1060,
                                                                        "parameters": {
                                                                            "fontSize": {
                                                                                "value": 14,
                                                                                "unit": "px"
                                                                            },
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "text": "Today within 1 hour",
                                                                            "color": "#0BA16E",
                                                                            "alignY": "center",
                                                                            "sizeMode": "contentSize"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "d11f5a28-9433-b224-b1c1-67dd63ddee00",
                                                        "type": "Group",
                                                        "label": "CARD DIVDER",
                                                        "x": 510,
                                                        "y": 1142,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "height": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#F2F2F2",
                                                            "width": {
                                                                "value": 100,
                                                                "unit": "%"
                                                            },
                                                            "position": "relative",
                                                            "alignX": "center",
                                                            "marginLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "paddingLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "c6be3839-84be-bd5f-b9d7-b8a800de4a6f",
                                                "type": "Group",
                                                "label": "ADRESS",
                                                "x": 490,
                                                "y": 1203,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "visible": true,
                                                    "mounted": true
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "5ef5a966-3b54-c174-9b86-33fdb862aa62",
                                                        "type": "Group",
                                                        "x": 510,
                                                        "y": 1264,
                                                        "parameters": {
                                                            "sizeMode": "contentHeight",
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "1fa98b03-d1c5-8f61-eea5-11a661fd06a0",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 1310,
                                                                "parameters": {
                                                                    "text": "Deliver to",
                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                    "color": "#000000",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentWidth"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "60534967-a4e8-7bab-1891-f054e3ed3564",
                                                                "type": "Group",
                                                                "x": 530,
                                                                "y": 1356,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "1f4ced99-6973-a30e-4923-68a3bff2f45e",
                                                                        "type": "Text",
                                                                        "x": 550,
                                                                        "y": 1402,
                                                                        "parameters": {
                                                                            "fontSize": {
                                                                                "value": 16,
                                                                                "unit": "px"
                                                                            },
                                                                            "fontFamily": "fonts/Bogle-Regular.otf"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "864e84dc-506d-aeae-a4ce-0c91f48c68cd",
                                                                        "type": "Text",
                                                                        "x": 550,
                                                                        "y": 1484,
                                                                        "parameters": {
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 16,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "c703faaf-180d-80b6-af85-df9b6745a015",
                                                        "type": "Group",
                                                        "label": "CARD DIVDER",
                                                        "x": 510,
                                                        "y": 1566,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "height": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#F2F2F2",
                                                            "width": {
                                                                "value": 100,
                                                                "unit": "%"
                                                            },
                                                            "position": "relative",
                                                            "alignX": "center",
                                                            "marginLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "paddingLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "fb152f3e-c7f6-0237-74d1-0c0af0d40b48",
                                                "type": "Group",
                                                "label": "Pay With",
                                                "x": 490,
                                                "y": 1627,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    },
                                                    "visible": true,
                                                    "mounted": true
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "cea968f6-5fa6-d556-22e8-8bc835283464",
                                                        "type": "Group",
                                                        "x": 510,
                                                        "y": 1688,
                                                        "parameters": {
                                                            "sizeMode": "contentHeight",
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "6f7b4916-9a29-2e64-9bd7-2b80e09c68b2",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 1734,
                                                                "parameters": {
                                                                    "text": "Pay with",
                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                    "color": "#000000",
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentWidth"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "f031c0d6-c370-06d2-1b45-df753d2f16f3",
                                                                "type": "Group",
                                                                "x": 530,
                                                                "y": 1780,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 29,
                                                                        "unit": "px"
                                                                    },
                                                                    "alignY": "center"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "47f0bacf-60dc-4f37-4c71-0acdfb53c34f",
                                                                        "type": "Text",
                                                                        "x": 550,
                                                                        "y": 1826,
                                                                        "parameters": {
                                                                            "fontSize": {
                                                                                "value": 14,
                                                                                "unit": "px"
                                                                            },
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "text": "Visa ending in 2012"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "d6cc68c0-7b89-06c4-b003-d8eaecde0cd3",
                                                        "type": "Group",
                                                        "label": "CARD DIVDER",
                                                        "x": 510,
                                                        "y": 1872,
                                                        "parameters": {
                                                            "sizeMode": "explicit",
                                                            "height": {
                                                                "value": 1,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#F2F2F2",
                                                            "width": {
                                                                "value": 100,
                                                                "unit": "%"
                                                            },
                                                            "position": "relative",
                                                            "alignX": "center",
                                                            "marginLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "paddingLeft": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "a1fa0ba5-d86f-aa2a-e7d0-4ca5f82852dc",
                                                "type": "Group",
                                                "label": "Order Summary",
                                                "x": 490,
                                                "y": 1933,
                                                "parameters": {
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "bcacf045-4ef6-caaf-7744-95a9b6586861",
                                                        "type": "Group",
                                                        "x": 510,
                                                        "y": 1994,
                                                        "parameters": {
                                                            "marginBottom": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "69afd15c-1595-3eaa-86c7-36f5a76eaa09",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2040,
                                                                "parameters": {
                                                                    "fontSize": {
                                                                        "value": 16,
                                                                        "unit": "px"
                                                                    },
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "text": "Order summary"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "742fd876-d51a-a228-7645-cd47113a3a8c",
                                                        "type": "Group",
                                                        "label": "Sub Total",
                                                        "x": 510,
                                                        "y": 2086,
                                                        "parameters": {
                                                            "flexDirection": "row",
                                                            "marginTop": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "marginBottom": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "58c2f637-75d7-e6b1-80bc-fc07d738b767",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2147,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Subtotal (5 items)"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "f896dac2-8991-2386-b33a-576473cf087c",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2229,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "right",
                                                                    "position": "relative"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "63fea740-43b2-5cd5-9ad7-af4a908777cd",
                                                        "type": "Group",
                                                        "label": "Delivery Fee",
                                                        "x": 510,
                                                        "y": 2311,
                                                        "parameters": {
                                                            "flexDirection": "row",
                                                            "marginTop": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "marginBottom": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "65b7f23b-839f-2354-adbd-e71f8622c31c",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2372,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Delivery"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "96aed609-bb46-759d-37ee-e19df818e5df",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2418,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "right",
                                                                    "text": "$XX.XX"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "f1c6ad8e-4141-d5a0-9c33-c336668660bd",
                                                        "type": "Group",
                                                        "x": 510,
                                                        "y": 2464,
                                                        "parameters": {
                                                            "flexDirection": "row",
                                                            "marginTop": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            },
                                                            "marginBottom": {
                                                                "value": 2,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "b957b636-5df6-7145-e7c7-04874f63d3fa",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2510,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Est. taxes & fees\n(Based on 75220)"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "dbaa68f6-b8b9-3763-684f-3ed674c7dd2b",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2556,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "right"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "8d320e04-d53b-d030-a007-4ddd809b6e70",
                                                        "type": "/UI Components/Design System/Divider",
                                                        "x": 510,
                                                        "y": 2638,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "522c34ba-3295-2009-5415-587b7c03d4ad",
                                                        "type": "Group",
                                                        "x": 510,
                                                        "y": 2684,
                                                        "parameters": {
                                                            "flexDirection": "row",
                                                            "marginBottom": {
                                                                "value": 20,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "01bf76af-da46-957c-4402-668ab76f7cdb",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2730,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                    "fontSize": {
                                                                        "value": 18,
                                                                        "unit": "px"
                                                                    },
                                                                    "text": "Total"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "8b26dec0-7dfa-7516-abae-e9e051302e7e",
                                                                "type": "Text",
                                                                "x": 530,
                                                                "y": 2776,
                                                                "parameters": {
                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                    "fontSize": {
                                                                        "value": 18,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentSize",
                                                                    "alignX": "right"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "5a281109-98b6-cb5c-eafb-a823567169ce",
                                                "type": "Text",
                                                "x": 490,
                                                "y": 2858,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "text": "Ordered by accident?",
                                                    "alignX": "center",
                                                    "sizeMode": "contentSize",
                                                    "style": "{\n    textDecoration:'underline'\n}"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Buy Now List Button",
            "graph": {
                "connections": [
                    {
                        "fromId": "6c1dcb8e-d395-e362-7a90-71e420ca47a7",
                        "fromProperty": "Item_list_id",
                        "toId": "36ec8f46-9066-9769-425b-2a9a2c9972a8",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "36ec8f46-9066-9769-425b-2a9a2c9972a8",
                        "fromProperty": "savedValue",
                        "toId": "8b39c279-1fec-85d3-1989-c85151dba164",
                        "toProperty": "model_id"
                    },
                    {
                        "fromId": "36ec8f46-9066-9769-425b-2a9a2c9972a8",
                        "fromProperty": "savedValue",
                        "toId": "73692f59-e177-74e4-df17-cea20d9f66f2",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "73692f59-e177-74e4-df17-cea20d9f66f2",
                        "fromProperty": "articles",
                        "toId": "d88da70e-d76f-1523-89f0-be6c4dc4fcdb",
                        "toProperty": "myCollection"
                    },
                    {
                        "fromId": "d88da70e-d76f-1523-89f0-be6c4dc4fcdb",
                        "fromProperty": "csvItemIdsAndCounts",
                        "toId": "24e3e8d2-f4ee-3396-4b81-8f591097dbed",
                        "toProperty": "csvItemsIdsAndCounts"
                    },
                    {
                        "fromId": "df53cfaf-5e04-d119-5a65-b1905c74b0e4",
                        "fromProperty": "Click",
                        "toId": "7a1c3234-fd71-f426-5944-9e83033de13c",
                        "toProperty": "Click"
                    },
                    {
                        "fromId": "df53cfaf-5e04-d119-5a65-b1905c74b0e4",
                        "fromProperty": "Click",
                        "toId": "24e3e8d2-f4ee-3396-4b81-8f591097dbed",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "df53cfaf-5e04-d119-5a65-b1905c74b0e4",
                        "fromProperty": "Click",
                        "toId": "8b39c279-1fec-85d3-1989-c85151dba164",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "14e925bb-926a-2c64-2dd2-80fce02fbbbf",
                        "type": "Group",
                        "label": "Buy Now Button",
                        "x": 1438.6583532218463,
                        "y": 617,
                        "parameters": {
                            "height": {
                                "value": 40,
                                "unit": "px"
                            },
                            "backgroundColor": "#0071CE",
                            "borderRadius": 20,
                            "marginLeft": {
                                "value": 10,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "df53cfaf-5e04-d119-5a65-b1905c74b0e4",
                                "type": "/UI Components/Design System/Button",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "Title": "Buy now"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "8b39c279-1fec-85d3-1989-c85151dba164",
                        "type": "Event Sender",
                        "x": 1055.7146148380318,
                        "y": 636.7028448842411,
                        "parameters": {
                            "channelName": "Show Buy Now List Confirmation"
                        },
                        "ports": [
                            {
                                "name": "model_id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "24e3e8d2-f4ee-3396-4b81-8f591097dbed",
                        "type": "Event Sender",
                        "x": 1039.6270319401215,
                        "y": 810.352969112836,
                        "parameters": {
                            "channelName": "Place Buy Now List Order"
                        },
                        "ports": [
                            {
                                "name": "csvItemsIdsAndCounts",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6c1dcb8e-d395-e362-7a90-71e420ca47a7",
                        "type": "Component Inputs",
                        "x": 484,
                        "y": 748.6852713323591,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item_list_id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "36ec8f46-9066-9769-425b-2a9a2c9972a8",
                        "type": "String",
                        "label": "Item Id",
                        "x": 839,
                        "y": 680.6852713323591,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7a1c3234-fd71-f426-5944-9e83033de13c",
                        "type": "Component Outputs",
                        "x": 1722,
                        "y": 645.6852713323591,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Pointer Events",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "73692f59-e177-74e4-df17-cea20d9f66f2",
                        "type": "Model",
                        "x": 548,
                        "y": 856,
                        "parameters": {
                            "properties": "articles"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "articles",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d88da70e-d76f-1523-89f0-be6c4dc4fcdb",
                        "type": "Javascript2",
                        "x": 829,
                        "y": 849,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    myCollection:'collection',\n\t},\n\t\n\toutputs:{\n\t    count:'number',\n\t    price:'number',\n\t    csvItemIdsAndCounts: 'string'\n\t},\n\t\n\tchange:function(inputs,outputs) {\n\t\tif (!inputs.myCollection) return;\n\n\t\toutputs.count = 0;\n\t\toutputs.price = 0;\n\t\tlet csvItemIdsAndCounts = \"\";\n\t\tinputs.myCollection.forEach(element => {\n\t\t    outputs.count += element.count;\n\t\t    outputs.price += element.price;\n\t\t    csvItemIdsAndCounts += element.itemId + \",\";\n\t\t    csvItemIdsAndCounts += element.count + \",\";\n\t\t    //console.log(Noodl.Model.get(element.id));\n\t\t});\n        outputs.price = outputs.price.toFixed(2);\n        outputs.csvItemIdsAndCounts = csvItemIdsAndCounts;\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "myCollection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "count",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            },
                            {
                                "name": "price",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "csvItemIdsAndCounts",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Buy Now/Buy Now Components/Product Overview Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "09feda4c-83cf-e37c-c438-793f02fae1dc",
                        "fromProperty": "itemId",
                        "toId": "82778bd3-51f2-ea44-d82b-077d74068f50",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "82778bd3-51f2-ea44-d82b-077d74068f50",
                        "fromProperty": "img",
                        "toId": "d798dea3-68f9-71c4-85f3-a488ee09b850",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "82778bd3-51f2-ea44-d82b-077d74068f50",
                        "fromProperty": "title",
                        "toId": "c0e92186-7b36-a246-09dc-69b7709e7444",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "09feda4c-83cf-e37c-c438-793f02fae1dc",
                        "type": "Component Inputs",
                        "x": 255,
                        "y": 447,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "img",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "itemId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "78231111-8d65-b2e4-f534-bf6ecdc052f8",
                        "type": "Group",
                        "label": "Product Item",
                        "x": 716,
                        "y": 544.5397054603283,
                        "parameters": {
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            },
                            "marginLeft": {
                                "value": 5,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 5,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "flexDirection": "column",
                            "clip": false,
                            "flexWrap": "nowrap"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "d798dea3-68f9-71c4-85f3-a488ee09b850",
                                "type": "Image",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "width": {
                                        "value": 60,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 60,
                                        "unit": "px"
                                    },
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "33687b2a-22f9-25d3-db11-c0974467d3e6",
                                "type": "Group",
                                "x": 20,
                                "y": 143,
                                "parameters": {
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 24,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c0e92186-7b36-a246-09dc-69b7709e7444",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "sizeMode": "explicit",
                                            "alignX": "left",
                                            "width": {
                                                "value": 100,
                                                "unit": "%"
                                            },
                                            "textAlign": "left",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "82778bd3-51f2-ea44-d82b-077d74068f50",
                        "type": "Model",
                        "x": 465,
                        "y": 533,
                        "parameters": {
                            "properties": "title,img,description,price,numReviews,customerRating,inHorizontalList,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "description",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingTime",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "inHorizontalList",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 14
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Buy Now/Buy Now Components/Product overview",
            "graph": {
                "connections": [
                    {
                        "fromId": "43477810-11b6-bc44-0bc6-0a970d9eca97",
                        "fromProperty": "itemId",
                        "toId": "41643c58-dd74-00bf-b362-e4445212ee83",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "41643c58-dd74-00bf-b362-e4445212ee83",
                        "fromProperty": "itemId",
                        "toId": "3348fe77-f4a0-dc29-6d1c-5630290d4290",
                        "toProperty": "itemId"
                    }
                ],
                "roots": [
                    {
                        "id": "5195c65e-779d-f62c-9f03-12f24c1efaf4",
                        "type": "Group",
                        "x": 649.9254360088205,
                        "y": 425.13100193332866,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "flexDirection": "row",
                            "marginLeft": {
                                "value": 0,
                                "unit": "%"
                            },
                            "width": {
                                "value": 156,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 30,
                                "unit": "px"
                            },
                            "style": "{\n}",
                            "paddingRight": {
                                "value": 30,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3348fe77-f4a0-dc29-6d1c-5630290d4290",
                                "type": "/Buy Now/Buy Now Components/Product Overview Item",
                                "x": 20,
                                "y": 46,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "43477810-11b6-bc44-0bc6-0a970d9eca97",
                        "type": "For Each Actions",
                        "x": 131.9306152675918,
                        "y": 465.2499672416345,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "41643c58-dd74-00bf-b362-e4445212ee83",
                        "type": "Model",
                        "x": 372.6417354043684,
                        "y": 465.43972262144484,
                        "parameters": {
                            "properties": "itemId,count"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "count",
                                "index": 7
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Get Time Label",
            "graph": {
                "connections": [
                    {
                        "fromId": "8ba40c54-60cb-9fdc-6d76-9e77f43f91f8",
                        "fromProperty": "Slot",
                        "toId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "toProperty": "slot"
                    },
                    {
                        "fromId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "fromProperty": "time",
                        "toId": "2b0ba7dd-e316-6258-e05c-a66a32da8080",
                        "toProperty": "Time Label"
                    },
                    {
                        "fromId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "fromProperty": "dayAndTime",
                        "toId": "2b0ba7dd-e316-6258-e05c-a66a32da8080",
                        "toProperty": "Day And Time"
                    },
                    {
                        "fromId": "8ba40c54-60cb-9fdc-6d76-9e77f43f91f8",
                        "fromProperty": "Date",
                        "toId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "toProperty": "date"
                    },
                    {
                        "fromId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "fromProperty": "arrivesByLabel",
                        "toId": "2b0ba7dd-e316-6258-e05c-a66a32da8080",
                        "toProperty": "Arrives By Label"
                    },
                    {
                        "fromId": "8ba40c54-60cb-9fdc-6d76-9e77f43f91f8",
                        "fromProperty": "Use Long Day Format",
                        "toId": "2c50faa6-b9fd-fdbb-b4a9-919e0dc6f0f8",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "2c50faa6-b9fd-fdbb-b4a9-919e0dc6f0f8",
                        "fromProperty": "savedValue",
                        "toId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "toProperty": "longDayFormat"
                    },
                    {
                        "fromId": "8ba40c54-60cb-9fdc-6d76-9e77f43f91f8",
                        "fromProperty": "Debug Id",
                        "toId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "toProperty": "debugId"
                    },
                    {
                        "fromId": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "fromProperty": "deliveryEditDeadline",
                        "toId": "2b0ba7dd-e316-6258-e05c-a66a32da8080",
                        "toProperty": "DeliveryEditDeadline"
                    }
                ],
                "roots": [
                    {
                        "id": "89f3b2fc-1ed9-3192-b515-636b5c22e75a",
                        "type": "Javascript2",
                        "label": "Slot To Time",
                        "x": 412,
                        "y": 641,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    slot: 'number',\n\t    date: 'object',\n\t    longDayFormat: 'boolean',\n\t    debugId: 'string'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    time: 'string',\n\t    dayAndTime: 'string',\n\t    arrivesByLabel: 'string',\n\t    deliveryEditDeadline:'string',\n\t    // ExampleOutput:'string',\n\t},\n\tsetup(inputs, outputs){\n\t    outputs.time = \"time\";\n\t    outputs.dayAndTime = \"dayAndTime\";\n\t    outputs.arrivesByLabel = \"arrivesByLabel\";\n\t    outputs.deliveryEditDeadline = \"deliveryEditDeadline\";\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs, changed) {\n\t\t\n\t\tlet timeLabel = '';\n\t\tlet dayLabel = '';\n\t\t\n\t\tif(inputs.slot !== undefined) {\n    \t\tif(inputs.slot < 12) {\n    \t\t    if (inputs.slot === -1) {\n    \t\t       timeLabel = \"Within two hours\"; \n    \t\t    } else {\n    \t\t        timeLabel = inputs.slot + \"am\" + \"-\" + (inputs.slot + 1) + \"am\";\n    \t\t    }\n    \t\t} else {\n    \t\t    if(inputs.slot === 12) {\n    \t\t        timeLabel = \"12pm-1pm\";\n    \t\t    } else {\n    \t\t        timeLabel = (inputs.slot-12) + \"pm\" + \"-\" + (inputs.slot-12 + 1) + \"pm\";    \n    \t\t    }\n    \t\t    \n    \t\t}\n\t\t}\n\t\t\n\t\tif(inputs.date && inputs.date instanceof Date) { //TODO: remove instaceof check when refactor of fulfilment is done\n            let options = { weekday: 'long', };\n            if(inputs.longDayFormat === true) {\n\t\t       options = {\n\t\t           month: 'long',\n\t\t           day: 'numeric'\n\t\t       } \n\t\t    }\n\t\t    dayLabel = inputs.date.toLocaleDateString('en-US', options);\n\t\t}\n\t\t\n\t\toutputs.time = timeLabel;\n\t\tlet dayAndTime = dayLabel;\n\t\tif(timeLabel.length > 0 ) {\n\t\t    dayAndTime += \", \" + timeLabel;\n\t\t}\n\t\toutputs.dayAndTime = dayAndTime;\n\n\t\toutputs.arrivesByLabel = \"Arrives by \" + dayAndTime;\n\t\t\n\t\tlet deadLineLabel = \"\";\n\t\tif(inputs.slot !== undefined) {\n    \t\tif(inputs.slot < 12) {\n    \t\t    if (inputs.slot === -1) {\n    \t\t       deadLineLabel = \"nope\"; \n    \t\t    } else {\n    \t\t        deadLineLabel = inputs.slot + \"am\" ;\n    \t\t    }\n    \t\t} else {\n    \t\t    if(inputs.slot === 12) {\n    \t\t        deadLineLabel = \"12pm\";\n    \t\t    } else {\n    \t\t        deadLineLabel = (inputs.slot-12) + \"pm\";    \n    \t\t    }\n    \t\t    \n    \t\t}\n\t\t}\n\t\toutputs.deliveryEditDeadline = dayLabel + \" \" + deadLineLabel;\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "slot",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "date",
                                "plug": "input",
                                "type": {
                                    "name": "object"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "longDayFormat",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "debugId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "time",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            },
                            {
                                "name": "dayAndTime",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 7
                            },
                            {
                                "name": "arrivesByLabel",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 8
                            },
                            {
                                "name": "deliveryEditDeadline",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8ba40c54-60cb-9fdc-6d76-9e77f43f91f8",
                        "type": "Component Inputs",
                        "x": -119,
                        "y": 694,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Slot",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Date",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Use Long Day Format",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Debug Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2b0ba7dd-e316-6258-e05c-a66a32da8080",
                        "type": "Component Outputs",
                        "x": 728,
                        "y": 665,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Time Label",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Day And Time",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Arrives By Label",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "DeliveryEditDeadline",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2c50faa6-b9fd-fdbb-b4a9-919e0dc6f0f8",
                        "type": "Boolean",
                        "x": 197.33333333333326,
                        "y": 555.3333333333334,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Delivery Type To Label",
            "graph": {
                "connections": [
                    {
                        "fromId": "35e99d1a-38a5-92f6-3198-619a30173795",
                        "fromProperty": "Delivery Type",
                        "toId": "4469336d-4f3f-5912-c74e-140e1c0addfb",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "4469336d-4f3f-5912-c74e-140e1c0addfb",
                        "fromProperty": "mappedString",
                        "toId": "af765300-8979-fa0c-36e7-ebd31c12466d",
                        "toProperty": "Label"
                    },
                    {
                        "fromId": "35e99d1a-38a5-92f6-3198-619a30173795",
                        "fromProperty": "Delivery Type",
                        "toId": "337d7f78-75b2-e654-cdeb-44fef4049987",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "337d7f78-75b2-e654-cdeb-44fef4049987",
                        "fromProperty": "mappedString",
                        "toId": "af765300-8979-fa0c-36e7-ebd31c12466d",
                        "toProperty": "Long Label"
                    }
                ],
                "roots": [
                    {
                        "id": "35e99d1a-38a5-92f6-3198-619a30173795",
                        "type": "Component Inputs",
                        "x": 306,
                        "y": 593,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Delivery Type",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "af765300-8979-fa0c-36e7-ebd31c12466d",
                        "type": "Component Outputs",
                        "x": 819,
                        "y": 590,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Long Label",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4469336d-4f3f-5912-c74e-140e1c0addfb",
                        "type": "String Mapper",
                        "x": 563,
                        "y": 610,
                        "parameters": {
                            "input 0": "delivery",
                            "input 1": "pickup",
                            "output 0": "Delivery",
                            "output 1": "Pickup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "337d7f78-75b2-e654-cdeb-44fef4049987",
                        "type": "String Mapper",
                        "x": 690,
                        "y": 805,
                        "parameters": {
                            "input 0": "delivery",
                            "input 1": "pickup",
                            "output 0": "Deliver from store",
                            "output 1": "Pickup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Base Layer",
            "graph": {
                "connections": [
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "at-shop",
                        "toId": "20af046b-6e56-048c-eccb-8958a16a5c94",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "at-search",
                        "toId": "c62fed17-e6a9-8d59-2f7c-48cf44d61d8d",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                        "fromProperty": "Search String",
                        "toId": "5a617797-c5b6-ca37-895f-1150894cb2e9",
                        "toProperty": "Search String"
                    },
                    {
                        "fromId": "4dd31314-5d41-c7d4-411e-900d0122d1ff",
                        "fromProperty": "tab id",
                        "toId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                        "fromProperty": "Search String",
                        "toId": "f98790a8-732c-e2ae-b1ee-a45a82fcd52c",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f98790a8-732c-e2ae-b1ee-a45a82fcd52c",
                        "fromProperty": "valueChanged",
                        "toId": "3fc1d242-aa48-9f9e-931b-9bb57c71e95c",
                        "toProperty": "Send"
                    },
                    {
                        "fromId": "78387b3f-334b-39e1-df7e-4084c5056b66",
                        "fromProperty": "Show Search Header",
                        "toId": "ff9c4ccb-9aec-6f84-8fe0-88190bd88a52",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "4d3d16f0-fde3-fa40-314a-b022cf85b0ec",
                        "fromProperty": "loaded",
                        "toId": "75edcf05-a8e1-598e-f932-1766731a335e",
                        "toProperty": "getLocation"
                    },
                    {
                        "fromId": "75edcf05-a8e1-598e-f932-1766731a335e",
                        "fromProperty": "location",
                        "toId": "487ab118-8fcc-b928-98d8-fa4e34c9cca1",
                        "toProperty": "GeoLocation Name"
                    },
                    {
                        "fromId": "5a617797-c5b6-ca37-895f-1150894cb2e9",
                        "fromProperty": "Scroll Position",
                        "toId": "b3f2fafd-764f-dff7-7b4d-ba2f61187b88",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "c2f73fe8-f85a-2dc2-280c-70e12f799fd9",
                        "fromProperty": "index",
                        "toId": "b3f2fafd-764f-dff7-7b4d-ba2f61187b88",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "at-account",
                        "toId": "de790d00-9586-fc3a-21e5-767c30544ed1",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "at-shop",
                        "toId": "c2f73fe8-f85a-2dc2-280c-70e12f799fd9",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "at-search",
                        "toId": "c2f73fe8-f85a-2dc2-280c-70e12f799fd9",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "b8863a87-5f08-5f2e-92b7-b69b7a85f5a3",
                        "fromProperty": "Is Expanded",
                        "toId": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                        "toProperty": "Is Expanded"
                    },
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "currentState",
                        "toId": "b8863a87-5f08-5f2e-92b7-b69b7a85f5a3",
                        "toProperty": "Tab Id"
                    },
                    {
                        "fromId": "b8863a87-5f08-5f2e-92b7-b69b7a85f5a3",
                        "fromProperty": "Label",
                        "toId": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                        "toProperty": "Label"
                    },
                    {
                        "fromId": "b3f2fafd-764f-dff7-7b4d-ba2f61187b88",
                        "fromProperty": "result",
                        "toId": "b8863a87-5f08-5f2e-92b7-b69b7a85f5a3",
                        "toProperty": "Scroll Position"
                    },
                    {
                        "fromId": "b8863a87-5f08-5f2e-92b7-b69b7a85f5a3",
                        "fromProperty": "Is Expanded",
                        "toId": "4526e339-5baa-22b9-6054-31c363e5e10f",
                        "toProperty": "Show Tabs"
                    },
                    {
                        "fromId": "b8863a87-5f08-5f2e-92b7-b69b7a85f5a3",
                        "fromProperty": "No Search",
                        "toId": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                        "toProperty": "No Search"
                    },
                    {
                        "fromId": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                        "fromProperty": "To Cart",
                        "toId": "713d0b45-b46e-0c87-76d7-695c9903e974",
                        "toProperty": "Open Cart"
                    },
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "at-my-items",
                        "toId": "8af10392-e420-54fd-fde5-941c87a9f486",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "59d16d0d-3422-f1af-9b0e-ca42d2695b3a",
                        "fromProperty": "Show Time Picker",
                        "toId": "64783316-73e2-cc99-b01e-fe2e0338d737",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "59d16d0d-3422-f1af-9b0e-ca42d2695b3a",
                        "fromProperty": "Show Time Picker",
                        "toId": "b68551b0-7120-48c6-a305-e59aaa196539",
                        "toProperty": "doLog"
                    },
                    {
                        "fromId": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "fromProperty": "at-account",
                        "toId": "f761020c-bbc4-450e-11ad-f5947ccaa8a0",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f761020c-bbc4-450e-11ad-f5947ccaa8a0",
                        "fromProperty": "result",
                        "toId": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                        "toProperty": "Show Cart"
                    }
                ],
                "roots": [
                    {
                        "id": "1e0b9de7-fe19-b423-3a4a-6b4d9446e3f1",
                        "type": "States",
                        "x": 627.6498951568476,
                        "y": 770.1883672337663,
                        "parameters": {
                            "states": "shop,search,my-items,account",
                            "duration-Profile": 0,
                            "duration-Loading": 0,
                            "duration-Habits": 0,
                            "startState": "shop",
                            "duration-shop": 0,
                            "duration-search": 0,
                            "duration-my-items": 0,
                            "duration-account": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "shop Transition",
                                "name": "transition-shop",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "shop Transition",
                                "name": "duration-shop",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To shop",
                                "name": "to-shop",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At shop",
                                "name": "at-shop",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached shop",
                                "name": "reached-shop",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "search Transition",
                                "name": "transition-search",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "search Transition",
                                "name": "duration-search",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To search",
                                "name": "to-search",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At search",
                                "name": "at-search",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached search",
                                "name": "reached-search",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "my-items Transition",
                                "name": "transition-my-items",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "my-items Transition",
                                "name": "duration-my-items",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To my-items",
                                "name": "to-my-items",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At my-items",
                                "name": "at-my-items",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached my-items",
                                "name": "reached-my-items",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "account Transition",
                                "name": "transition-account",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "account Transition",
                                "name": "duration-account",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To account",
                                "name": "to-account",
                                "group": "Go to state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At account",
                                "name": "at-account",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached account",
                                "name": "reached-account",
                                "group": "Current state",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "shop",
                                        "search",
                                        "my-items",
                                        "account"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "shop",
                                "index": 26
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4dd31314-5d41-c7d4-411e-900d0122d1ff",
                        "type": "Event Receiver",
                        "x": 438.74984977387123,
                        "y": 836.2457690019403,
                        "parameters": {
                            "channelName": "Select Tab"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f98790a8-732c-e2ae-b1ee-a45a82fcd52c",
                        "type": "Value Changed",
                        "x": 802.5087676752185,
                        "y": 571.5433488073843,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3fc1d242-aa48-9f9e-931b-9bb57c71e95c",
                        "type": "/UI Components/Select Tab",
                        "x": 467.35639647611094,
                        "y": 542.5913642740136,
                        "parameters": {
                            "Tab Id": "search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1f30fc04-e62d-1449-b747-888db859c8ff",
                        "type": "Group",
                        "x": 1144.840938326267,
                        "y": 467.4433610782835,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "8dffe75d-30e0-7ec4-d0b2-a93c2e5e873d",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "51d10565-5d3a-5fcb-c990-2fa5e5403f62",
                                        "type": "/UI Components/Search Header",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Is Expanded": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "f6b5249f-d1d3-025d-b66c-d75f2c6093fa",
                                        "type": "Group",
                                        "label": "Tab Pages",
                                        "x": 20,
                                        "y": 208,
                                        "parameters": {
                                            "style": "{\n    \n}",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "20af046b-6e56-048c-eccb-8958a16a5c94",
                                                "type": "/UI Components/Page Stack",
                                                "label": "Shop Tab",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "Mounted": false
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "59d16d0d-3422-f1af-9b0e-ca42d2695b3a",
                                                        "type": "/Home/Home Page",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "c62fed17-e6a9-8d59-2f7c-48cf44d61d8d",
                                                "type": "/UI Components/Page Stack",
                                                "label": "Search Tab",
                                                "x": 20,
                                                "y": 240,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "5a617797-c5b6-ca37-895f-1150894cb2e9",
                                                        "type": "/Search/Search Page - Base",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "de790d00-9586-fc3a-21e5-767c30544ed1",
                                                "type": "/UI Components/Page Stack",
                                                "x": 1204.840938326267,
                                                "y": 1160.4433610782835,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "5e031feb-c2ef-a785-df48-cee309539ef4",
                                                        "type": "/Account/Account Page",
                                                        "x": 20,
                                                        "y": 82,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "8af10392-e420-54fd-fde5-941c87a9f486",
                                                "type": "/UI Components/Page Stack",
                                                "x": 20,
                                                "y": 623,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "e2afa621-c694-1e86-758c-6962aed91293",
                                                        "type": "/My Items/My Items Page",
                                                        "x": 20,
                                                        "y": 82,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "446e5d8d-5484-ebd8-9df1-f484a5c401d8",
                                "type": "Group",
                                "x": 20,
                                "y": 1183,
                                "parameters": {
                                    "position": "absolute",
                                    "alignY": "bottom",
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4526e339-5baa-22b9-6054-31c363e5e10f",
                                        "type": "/UI Components/Tabs",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "78387b3f-334b-39e1-df7e-4084c5056b66",
                        "type": "Component Inputs",
                        "x": 448.84093832626695,
                        "y": 1058.4433610782835,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show Search Header",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ff9c4ccb-9aec-6f84-8fe0-88190bd88a52",
                        "type": "Boolean",
                        "x": 648.840938326267,
                        "y": 1039.4433610782835,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4d3d16f0-fde3-fa40-314a-b022cf85b0ec",
                        "type": "Script Downloader",
                        "x": 736.2033264555935,
                        "y": 164.4433610782835,
                        "parameters": {
                            "input 0": "https://maps.googleapis.com/maps/api/js?key=AIzaSyAWBXR4984qH0a0KUQZ7kzboJBAzfpa0TE"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "75edcf05-a8e1-598e-f932-1766731a335e",
                        "type": "Javascript2",
                        "label": "Geolocation lookup",
                        "x": 965.6540467277114,
                        "y": 175.3520770460243,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    getLocation:'signal',\n\t},\n\t\n\toutputs:{\n\t    location: 'string'\n\t},\n\t\n\tgetLocation:function(inputs,outputs) {\n\t    const self = this;\n\t    \n\t    function doReverseLookup(position) {\n\t        const latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);\n\t        \n\t        let postal_code = \"75220\";\n\t        let postal_town = \"Dallas\";\n\t        \n\t        const geocoder = new google.maps.Geocoder();\n\t        geocoder.geocode({'latLng': latlng}, (results, status) => {\n\t            console.log(results[0]);\n\t            results[0].address_components.forEach(component => {\n\t                if(component.types.indexOf(\"postal_code\") !== -1) {\n\t                    postal_code = component.long_name;\n\t                }\n\t                else if(component.types.indexOf(\"postal_town\") !== -1) {\n\t                    postal_town = component.long_name;\n\t                }\n\t                else if(component.types.indexOf(\"locality\") !== -1) {\n\t                    postal_town = component.long_name;\n\t                }\n \t            })\n \t            \n \t            outputs.location = postal_town + \" \" + postal_code;\n\t            self.flagOutputDirty(\"location\");\n\t        });\n\t    }\n\t    \n\t\tnavigator.geolocation.getCurrentPosition(\n\t\t    doReverseLookup,\n\t\t    error => console.error(error), \n\t\t    {enableHighAccuracy:false,maximumAge:600000, timeout:10000}\n\t\t);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "getLocation",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "location",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "487ab118-8fcc-b928-98d8-fa4e34c9cca1",
                        "type": "Globals",
                        "x": 1168.840938326267,
                        "y": 213.77600451444755,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "GeoLocation Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b3f2fafd-764f-dff7-7b4d-ba2f61187b88",
                        "type": "Number Blend",
                        "label": "Scroll Position",
                        "x": 1553.0016778252193,
                        "y": 723.018417930562,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c2f73fe8-f85a-2dc2-280c-70e12f799fd9",
                        "type": "Signal To Index",
                        "x": 1552.0016778252193,
                        "y": 886.018417930562,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8863a87-5f08-5f2e-92b7-b69b7a85f5a3",
                        "type": "/UI Components/Search Header Logic",
                        "x": 1620.576769400311,
                        "y": 552.2858171979613,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "713d0b45-b46e-0c87-76d7-695c9903e974",
                        "type": "Component Outputs",
                        "x": 1567.576769400311,
                        "y": 1133.2858171979613,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show Orders List",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Open Cart",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "64783316-73e2-cc99-b01e-fe2e0338d737",
                        "type": "Event Sender",
                        "x": 1825.5244602742337,
                        "y": 994.5663889795462,
                        "parameters": {
                            "channelName": "Show Time Slot Picker"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b68551b0-7120-48c6-a305-e59aaa196539",
                        "type": "/SessionData/Page event",
                        "x": 1806.9354878431561,
                        "y": 861.7906997564884,
                        "parameters": {
                            "pageId": "timepicker_show",
                            "action": "from_home"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f761020c-bbc4-450e-11ad-f5947ccaa8a0",
                        "type": "Inverter",
                        "x": 868.7564298836796,
                        "y": 758.5897458864869,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Horizontal Overflow List",
            "graph": {
                "connections": [
                    {
                        "fromId": "824d5ea4-d0cc-ccaf-ee01-8a36228ccfa6",
                        "fromProperty": "Collection Id",
                        "toId": "4d90b5b0-e4b3-4dd2-a993-56ec4d38ddc6",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "640225d1-80ef-d068-edbd-fcdcefcd60eb",
                        "fromProperty": "filteredCollection",
                        "toId": "d314c8ba-85a6-8f46-a1ce-ce07c28b4101",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "640225d1-80ef-d068-edbd-fcdcefcd60eb",
                        "fromProperty": "extraItemsString",
                        "toId": "437736d3-42f0-0466-91cc-6c7b85daffb6",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "4d90b5b0-e4b3-4dd2-a993-56ec4d38ddc6",
                        "fromProperty": "items",
                        "toId": "640225d1-80ef-d068-edbd-fcdcefcd60eb",
                        "toProperty": "collection"
                    },
                    {
                        "fromId": "4d90b5b0-e4b3-4dd2-a993-56ec4d38ddc6",
                        "fromProperty": "count",
                        "toId": "f649e1de-6e9b-4e6e-7f21-90d077e7f4c6",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f649e1de-6e9b-4e6e-7f21-90d077e7f4c6",
                        "fromProperty": "valueChanged",
                        "toId": "640225d1-80ef-d068-edbd-fcdcefcd60eb",
                        "toProperty": "filter"
                    }
                ],
                "roots": [
                    {
                        "id": "4d90b5b0-e4b3-4dd2-a993-56ec4d38ddc6",
                        "type": "Collection",
                        "x": 610,
                        "y": 830,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "824d5ea4-d0cc-ccaf-ee01-8a36228ccfa6",
                        "type": "Component Inputs",
                        "x": 247,
                        "y": 844,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Collection Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "640225d1-80ef-d068-edbd-fcdcefcd60eb",
                        "type": "Javascript2",
                        "label": "Reverse and max 5 items",
                        "x": 951.3646907614568,
                        "y": 550,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    filter:'signal',\n\t    collection: 'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    filteredCollection: 'collection',\n\t    extraItemsString: 'string'\n\t},\n\t\n\tsetup: function(inputs, outputs) {\n\t    outputs.filteredCollection = Noodl.Collection.get();\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tfilter:function(inputs,outputs) {\n\t    \n\t    if(!inputs.collection) return;\n\t\t\n\t\tconst items = [];\n\t\t\n\t\t\n\t\t\n\t\tfor(let i=0; i<inputs.collection.size(); i++) {\n\t\t    items.push(inputs.collection.get(i));\n\t\t}\n\t\t\n\t\titems.reverse();\n\t\t\n\t\toutputs.filteredCollection.set(items.slice(0,5));\n\t\t\n\t\tif(inputs.collection.size() > 5) {\n\t\t    outputs.extraItemsString = \"+ \" + (inputs.collection.size() - 5);\n\t\t}\n\t\telse {\n\t\t    outputs.extraItemsString = \"\";\n\t\t}\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "filter",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "filteredCollection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "extraItemsString",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "22ef25f2-e20b-482e-4da5-66d2f821cce3",
                        "type": "Group",
                        "x": 994,
                        "y": 747,
                        "parameters": {
                            "flexDirection": "row",
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "80a0c05d-f10e-1924-cdda-7d7cbcb7ba26",
                                "type": "Group",
                                "x": 1014,
                                "y": 793,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentSize"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d314c8ba-85a6-8f46-a1ce-ce07c28b4101",
                                        "type": "For Each",
                                        "x": 1034,
                                        "y": 839,
                                        "parameters": {
                                            "template": "/Checkout/Checkout Item"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "437736d3-42f0-0466-91cc-6c7b85daffb6",
                                "type": "Text",
                                "x": 1014,
                                "y": 921,
                                "parameters": {
                                    "text": "+3",
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "fontSize": {
                                        "value": 22,
                                        "unit": "px"
                                    },
                                    "alignY": "center",
                                    "sizeMode": "contentSize",
                                    "textAlign": "right",
                                    "marginRight": {
                                        "value": 12,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "f649e1de-6e9b-4e6e-7f21-90d077e7f4c6",
                        "type": "Value Changed",
                        "x": 583,
                        "y": 988,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Layers/Modal Layer",
            "graph": {
                "connections": [
                    {
                        "fromId": "fa2e7598-8554-33fb-4940-1c538c98bf40",
                        "fromProperty": "eventReceived",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-Time Slot Picker"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-Time Slot Picker",
                        "toId": "6de1b99a-c869-1a86-5794-0fbd15e4657f",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "387ea63f-ea6e-522b-e54d-5428f20d4745",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "387ea63f-ea6e-522b-e54d-5428f20d4745",
                        "fromProperty": "Plate Opacity",
                        "toId": "f32d7eb6-fdbc-1c29-41af-3a5966c5679b",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "f32d7eb6-fdbc-1c29-41af-3a5966c5679b",
                        "fromProperty": "onClick",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "6de1b99a-c869-1a86-5794-0fbd15e4657f",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "16cd20d4-d26f-e7c6-5804-2f3ab3062d20",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "16cd20d4-d26f-e7c6-5804-2f3ab3062d20",
                        "fromProperty": "result",
                        "toId": "387ea63f-ea6e-522b-e54d-5428f20d4745",
                        "toProperty": "to-Modal"
                    },
                    {
                        "fromId": "469fcf47-db18-6d85-4f57-220fdbb75cda",
                        "fromProperty": "model_id",
                        "toId": "961bbb74-091a-408c-0f5d-c7c5a8e030ad",
                        "toProperty": "model_id"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-Buy Now",
                        "toId": "36e4d4be-e57b-02b8-e602-bc5be0d4429d",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "36e4d4be-e57b-02b8-e602-bc5be0d4429d",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "469fcf47-db18-6d85-4f57-220fdbb75cda",
                        "fromProperty": "eventReceived",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-Buy Now List"
                    },
                    {
                        "fromId": "56ce5fa6-72be-1d00-16a9-d0a2d1937ba3",
                        "fromProperty": "eventReceived",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-Time Filter"
                    },
                    {
                        "fromId": "511c8605-06d5-dfb9-77b8-5359aac109be",
                        "fromProperty": "eventReceived",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-Rating Filter"
                    },
                    {
                        "fromId": "1df3c02c-7db1-7790-6ef5-099c8ba636d9",
                        "fromProperty": "eventReceived",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-Price Filter"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-Buy Now List",
                        "toId": "961bbb74-091a-408c-0f5d-c7c5a8e030ad",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "961bbb74-091a-408c-0f5d-c7c5a8e030ad",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-Time Filter",
                        "toId": "733b9448-59a8-1213-5f97-c2a935418dba",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "733b9448-59a8-1213-5f97-c2a935418dba",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-Rating Filter",
                        "toId": "b36e1b82-e56a-0038-53b4-968009ccff96",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "b36e1b82-e56a-0038-53b4-968009ccff96",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-Price Filter",
                        "toId": "cf277aab-cda7-cb79-3892-435430d6b022",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "cf277aab-cda7-cb79-3892-435430d6b022",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "6de1b99a-c869-1a86-5794-0fbd15e4657f",
                        "fromProperty": "Hiding",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "36e4d4be-e57b-02b8-e602-bc5be0d4429d",
                        "fromProperty": "Hiding",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "961bbb74-091a-408c-0f5d-c7c5a8e030ad",
                        "fromProperty": "Hiding",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "733b9448-59a8-1213-5f97-c2a935418dba",
                        "fromProperty": "Hiding",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "b36e1b82-e56a-0038-53b4-968009ccff96",
                        "fromProperty": "Hiding",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "cf277aab-cda7-cb79-3892-435430d6b022",
                        "fromProperty": "Hiding",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "currentState",
                        "toId": "4f5130ca-194d-bd59-b848-6892bf4a9a5e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "387ea63f-ea6e-522b-e54d-5428f20d4745",
                        "fromProperty": "Background Amount",
                        "toId": "5eb9bdb5-bfc4-19dc-300f-c9d71082ab01",
                        "toProperty": "Modal Background Amount"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-No Modal",
                        "toId": "a23e04c1-af27-0ced-6447-74830013881b",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "644a3638-ecb2-d145-68e1-fe2637bed79f",
                        "fromProperty": "eventReceived",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-Product Details Page"
                    },
                    {
                        "fromId": "644a3638-ecb2-d145-68e1-fe2637bed79f",
                        "fromProperty": "itemId",
                        "toId": "a23e04c1-af27-0ced-6447-74830013881b",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "fromProperty": "at-Product Details Page",
                        "toId": "a23e04c1-af27-0ced-6447-74830013881b",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "9ff62e16-84a3-8c8c-731c-a49622ac65a7",
                        "fromProperty": "modal_id",
                        "toId": "36e4d4be-e57b-02b8-e602-bc5be0d4429d",
                        "toProperty": "model_id"
                    },
                    {
                        "fromId": "a23e04c1-af27-0ced-6447-74830013881b",
                        "fromProperty": "Hiding",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-No Modal"
                    },
                    {
                        "fromId": "9ff62e16-84a3-8c8c-731c-a49622ac65a7",
                        "fromProperty": "eventReceived",
                        "toId": "86a48bd7-4c39-8604-6904-b6847063a130",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "86a48bd7-4c39-8604-6904-b6847063a130",
                        "fromProperty": "timerFinished",
                        "toId": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "toProperty": "to-Buy Now"
                    },
                    {
                        "fromId": "9ff62e16-84a3-8c8c-731c-a49622ac65a7",
                        "fromProperty": "Order Id",
                        "toId": "36e4d4be-e57b-02b8-e602-bc5be0d4429d",
                        "toProperty": "Order Id"
                    }
                ],
                "roots": [
                    {
                        "id": "f2b194b8-457d-8fe0-aaf4-57cfc5f434d3",
                        "type": "Group",
                        "x": 641.8241677796544,
                        "y": 977.3895375034214,
                        "parameters": {
                            "position": "absolute",
                            "pointerEventsMode": "explicit",
                            "pointerEventsEnabled": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "f32d7eb6-fdbc-1c29-41af-3a5966c5679b",
                                "type": "Group",
                                "label": "Plate",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "position": "absolute",
                                    "backgroundColor": "#062545",
                                    "pointerEventsMode": "explicit",
                                    "blockTouch": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "6de1b99a-c869-1a86-5794-0fbd15e4657f",
                                "type": "/Time Slot Picker/Time Slot Picker",
                                "x": 20,
                                "y": 163,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "36e4d4be-e57b-02b8-e602-bc5be0d4429d",
                                "type": "/Buy Now/Buy Now Confirmed Popup",
                                "x": 20,
                                "y": 285,
                                "parameters": {
                                    "Mounted": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "961bbb74-091a-408c-0f5d-c7c5a8e030ad",
                                "type": "/Buy Now/Buy Now List Items Confirmed Popup",
                                "x": 20,
                                "y": 447,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "733b9448-59a8-1213-5f97-c2a935418dba",
                                "type": "/Search/filter popups/filter on time popup",
                                "x": 20,
                                "y": 569,
                                "parameters": {
                                    "Mounted": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b36e1b82-e56a-0038-53b4-968009ccff96",
                                "type": "/Search/filter popups/filter ratings",
                                "x": 20,
                                "y": 691,
                                "parameters": {
                                    "Mounted": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "cf277aab-cda7-cb79-3892-435430d6b022",
                                "type": "/Search/filter popups/filter price",
                                "x": 20,
                                "y": 1075,
                                "parameters": {
                                    "Mounted": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a23e04c1-af27-0ced-6447-74830013881b",
                                "type": "/Product Details Page/Product Details Page",
                                "x": 20,
                                "y": 935,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "038f3a47-a793-7ef9-0b74-9588e714f09a",
                        "type": "States",
                        "label": "Modals",
                        "x": 239.22464384630211,
                        "y": 1367.7059794107727,
                        "parameters": {
                            "states": "No Modal,Time Slot Picker,Buy Now,Buy Now List,Time Filter,Rating Filter,Price Filter,Product Details Page",
                            "duration-No Modal": 0,
                            "duration-Time Slot Picker": 0,
                            "duration-Product Details": 0,
                            "duration-Buy Now": 0,
                            "duration-Buy Now List": 0,
                            "duration-Time Filter": 0,
                            "duration-Rating Filter": 0,
                            "duration-Price Filter": 0,
                            "startState": "No Modal",
                            "duration-Product Description Page - High Consideration": 0,
                            "duration-Product Details Page": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "No Modal Transition",
                                "name": "transition-No Modal",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "No Modal Transition",
                                "name": "duration-No Modal",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To No Modal",
                                "name": "to-No Modal",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At No Modal",
                                "name": "at-No Modal",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached No Modal",
                                "name": "reached-No Modal",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Time Slot Picker Transition",
                                "name": "transition-Time Slot Picker",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Time Slot Picker Transition",
                                "name": "duration-Time Slot Picker",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Time Slot Picker",
                                "name": "to-Time Slot Picker",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Time Slot Picker",
                                "name": "at-Time Slot Picker",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Time Slot Picker",
                                "name": "reached-Time Slot Picker",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Buy Now Transition",
                                "name": "transition-Buy Now",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Buy Now Transition",
                                "name": "duration-Buy Now",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Buy Now",
                                "name": "to-Buy Now",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Buy Now",
                                "name": "at-Buy Now",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Buy Now",
                                "name": "reached-Buy Now",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Buy Now List Transition",
                                "name": "transition-Buy Now List",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Buy Now List Transition",
                                "name": "duration-Buy Now List",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Buy Now List",
                                "name": "to-Buy Now List",
                                "group": "Go to state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Buy Now List",
                                "name": "at-Buy Now List",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Buy Now List",
                                "name": "reached-Buy Now List",
                                "group": "Current state",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Time Filter Transition",
                                "name": "transition-Time Filter",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Time Filter Transition",
                                "name": "duration-Time Filter",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Time Filter",
                                "name": "to-Time Filter",
                                "group": "Go to state",
                                "index": 28
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Time Filter",
                                "name": "at-Time Filter",
                                "group": "Current state",
                                "index": 29
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Time Filter",
                                "name": "reached-Time Filter",
                                "group": "Current state",
                                "index": 30
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Rating Filter Transition",
                                "name": "transition-Rating Filter",
                                "index": 31
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Rating Filter Transition",
                                "name": "duration-Rating Filter",
                                "index": 32
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Rating Filter",
                                "name": "to-Rating Filter",
                                "group": "Go to state",
                                "index": 33
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Rating Filter",
                                "name": "at-Rating Filter",
                                "group": "Current state",
                                "index": 34
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Rating Filter",
                                "name": "reached-Rating Filter",
                                "group": "Current state",
                                "index": 35
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Price Filter Transition",
                                "name": "transition-Price Filter",
                                "index": 36
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Price Filter Transition",
                                "name": "duration-Price Filter",
                                "index": 37
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Price Filter",
                                "name": "to-Price Filter",
                                "group": "Go to state",
                                "index": 38
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Price Filter",
                                "name": "at-Price Filter",
                                "group": "Current state",
                                "index": 39
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Price Filter",
                                "name": "reached-Price Filter",
                                "group": "Current state",
                                "index": 40
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Product Details Page Transition",
                                "name": "transition-Product Details Page",
                                "index": 41
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Product Details Page Transition",
                                "name": "duration-Product Details Page",
                                "index": 42
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Product Details Page",
                                "name": "to-Product Details Page",
                                "group": "Go to state",
                                "index": 43
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Product Details Page",
                                "name": "at-Product Details Page",
                                "group": "Current state",
                                "index": 44
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Product Details Page",
                                "name": "reached-Product Details Page",
                                "group": "Current state",
                                "index": 45
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "No Modal",
                                        "Time Slot Picker",
                                        "Buy Now",
                                        "Buy Now List",
                                        "Time Filter",
                                        "Rating Filter",
                                        "Price Filter",
                                        "Product Details Page"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "No Modal",
                                "index": 46
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fa2e7598-8554-33fb-4940-1c538c98bf40",
                        "type": "Event Receiver",
                        "x": -179.77535615369789,
                        "y": 1207.7059794107727,
                        "parameters": {
                            "channelName": "Show Time Slot Picker"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "387ea63f-ea6e-522b-e54d-5428f20d4745",
                        "type": "States",
                        "label": "Background etc",
                        "x": 305.2246438463021,
                        "y": 999.7059794107727,
                        "parameters": {
                            "states": "No Modal,Modal",
                            "values": "Plate Opacity,Background Amount",
                            "startState": "hide",
                            "value-No Modal-Plate Opacity": 0,
                            "value-Modal-Plate Opacity": 0.6,
                            "value-No Modal-Background Amount": 0,
                            "value-Modal-Background Amount": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Plate Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Background Amount",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Modal Values",
                                "name": "value-No Modal-Plate Opacity",
                                "displayName": "Plate Opacity",
                                "editorName": "No Modal|Plate Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "No Modal Values",
                                "name": "value-No Modal-Background Amount",
                                "displayName": "Background Amount",
                                "editorName": "No Modal|Background Amount",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "No Modal Transition",
                                "name": "transition-No Modal",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "No Modal Transition",
                                "name": "duration-No Modal",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To No Modal",
                                "name": "to-No Modal",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At No Modal",
                                "name": "at-No Modal",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached No Modal",
                                "name": "reached-No Modal",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Modal Values",
                                "name": "value-Modal-Plate Opacity",
                                "displayName": "Plate Opacity",
                                "editorName": "Modal|Plate Opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Modal Values",
                                "name": "value-Modal-Background Amount",
                                "displayName": "Background Amount",
                                "editorName": "Modal|Background Amount",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Modal Transition",
                                "name": "transition-Modal",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Modal Transition",
                                "name": "duration-Modal",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Modal",
                                "name": "to-Modal",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Modal",
                                "name": "at-Modal",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Modal",
                                "name": "reached-Modal",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "No Modal",
                                        "Modal"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "No Modal",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "16cd20d4-d26f-e7c6-5804-2f3ab3062d20",
                        "type": "Inverter",
                        "x": 45.224643846302115,
                        "y": 1013.7059794107727,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "051d5f8f-8137-acc3-b0a0-7ba035835c63",
                        "type": "Event Receiver",
                        "x": -173.77535615369789,
                        "y": 1105.7059794107727,
                        "parameters": {
                            "channelName": "Added to Cart Popup - Show Cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9ff62e16-84a3-8c8c-731c-a49622ac65a7",
                        "type": "Event Receiver",
                        "x": -172.0292991402997,
                        "y": 1330.7445144004441,
                        "parameters": {
                            "channelName": "Show Buy Now Confirmation"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "469fcf47-db18-6d85-4f57-220fdbb75cda",
                        "type": "Event Receiver",
                        "x": -168.11025775942403,
                        "y": 1457.091170596935,
                        "parameters": {
                            "channelName": "Show Buy Now List Confirmation"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1df3c02c-7db1-7790-6ef5-099c8ba636d9",
                        "type": "Event Receiver",
                        "x": -169.7633128683027,
                        "y": 1812.4043771204128,
                        "parameters": {
                            "channelName": "Show Filter On Price"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "511c8605-06d5-dfb9-77b8-5359aac109be",
                        "type": "Event Receiver",
                        "x": -164.44817671430008,
                        "y": 1704.295194044428,
                        "parameters": {
                            "channelName": "Show Filter On Ratings"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "56ce5fa6-72be-1d00-16a9-d0a2d1937ba3",
                        "type": "Event Receiver",
                        "x": -170.5292991402997,
                        "y": 1586.744514400444,
                        "parameters": {
                            "channelName": "Show Filter On Time"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4f5130ca-194d-bd59-b848-6892bf4a9a5e",
                        "type": "String",
                        "x": 191.61601738927504,
                        "y": 1798.5582339726188,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5eb9bdb5-bfc4-19dc-300f-c9d71082ab01",
                        "type": "Component Outputs",
                        "x": 120.96943834058078,
                        "y": 874.7971343670881,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Modal Background Amount",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "644a3638-ecb2-d145-68e1-fe2637bed79f",
                        "type": "Event Receiver",
                        "x": -168.16916157051423,
                        "y": 1938.4201565606775,
                        "parameters": {
                            "channelName": "Show Product Details"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "86a48bd7-4c39-8604-6904-b6847063a130",
                        "type": "Timer",
                        "x": 41.47070085970017,
                        "y": 1209.7445144004441,
                        "parameters": {
                            "duration": 100
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Native-ish Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "d859de0b-8ca4-2811-2dc2-81aab39f492e",
                        "fromProperty": "Show",
                        "toId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "d859de0b-8ca4-2811-2dc2-81aab39f492e",
                        "fromProperty": "Hide",
                        "toId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "fromProperty": "reached-Hidden",
                        "toId": "7405b4e3-4f9d-43d9-50c7-57f6f03aec5d",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "fromProperty": "reached-Hidden",
                        "toId": "8690532b-7302-5b2f-bae0-47dda185a0de",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "fromProperty": "Opacity",
                        "toId": "09e73120-7b82-2207-a4a3-08c4ef40e422",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "fromProperty": "at-Hidden",
                        "toId": "7405b4e3-4f9d-43d9-50c7-57f6f03aec5d",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "d859de0b-8ca4-2811-2dc2-81aab39f492e",
                        "fromProperty": "Show",
                        "toId": "8690532b-7302-5b2f-bae0-47dda185a0de",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "8690532b-7302-5b2f-bae0-47dda185a0de",
                        "fromProperty": "state",
                        "toId": "09e73120-7b82-2207-a4a3-08c4ef40e422",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "fromProperty": "at-Showing",
                        "toId": "7405b4e3-4f9d-43d9-50c7-57f6f03aec5d",
                        "toProperty": "Showing"
                    },
                    {
                        "fromId": "690da35f-0638-f17e-048f-f52413c920a0",
                        "fromProperty": "Is Running Fullscreen",
                        "toId": "66e118ae-c0f5-70f9-e3b3-570ea63560a4",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "66e118ae-c0f5-70f9-e3b3-570ea63560a4",
                        "fromProperty": "result",
                        "toId": "470aba28-e4ef-285b-f094-d3b1cfa6e598",
                        "toProperty": "paddingBottom"
                    },
                    {
                        "fromId": "205687b4-c621-a92c-0523-3fac456323d0",
                        "fromProperty": "Position Y",
                        "toId": "09e73120-7b82-2207-a4a3-08c4ef40e422",
                        "toProperty": "transformY"
                    }
                ],
                "roots": [
                    {
                        "id": "205687b4-c621-a92c-0523-3fac456323d0",
                        "type": "States",
                        "x": 259.32406453890246,
                        "y": 557.5,
                        "parameters": {
                            "states": "Hidden,Showing",
                            "values": "Opacity,Position Y",
                            "value-Hidden-Opacity": 0,
                            "value-Showing-Opacity": 1,
                            "value-Hidden-Position Y": 100,
                            "value-Showing-Position Y": 0,
                            "startState": "Showing"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Position Y",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Hidden|Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Position Y",
                                "displayName": "Position Y",
                                "editorName": "Hidden|Position Y",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Hidden Transition",
                                "name": "transition-Hidden",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Hidden Transition",
                                "name": "duration-Hidden",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hidden",
                                "name": "to-Hidden",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hidden",
                                "name": "at-Hidden",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hidden",
                                "name": "reached-Hidden",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Showing|Opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Position Y",
                                "displayName": "Position Y",
                                "editorName": "Showing|Position Y",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Showing Transition",
                                "name": "transition-Showing",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Showing Transition",
                                "name": "duration-Showing",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Showing",
                                "name": "to-Showing",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Showing",
                                "name": "at-Showing",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Showing",
                                "name": "reached-Showing",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hidden",
                                        "Showing"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Hidden",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d859de0b-8ca4-2811-2dc2-81aab39f492e",
                        "type": "Component Inputs",
                        "x": -100.5,
                        "y": 637.2840789237686,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Force Full Height",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Size Mode",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7405b4e3-4f9d-43d9-50c7-57f6f03aec5d",
                        "type": "Component Outputs",
                        "x": -104.97064254875511,
                        "y": 482.8241238257218,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Showing",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8690532b-7302-5b2f-bae0-47dda185a0de",
                        "type": "Switch",
                        "label": "Mounted",
                        "x": 262.5,
                        "y": 404.5,
                        "parameters": {
                            "onFromStart": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b2e2456a-02e7-bf42-5693-ebf909bbf6e2",
                        "type": "Group",
                        "label": "Mount Switch Hax Workaround",
                        "x": 540.6665013715095,
                        "y": 466.7557537353557,
                        "parameters": {
                            "position": "absolute"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "09e73120-7b82-2207-a4a3-08c4ef40e422",
                                "type": "Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "position": "absolute",
                                    "backgroundColor": "#ffffff",
                                    "zIndex": 1,
                                    "pointerEventsMode": "explicit",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "alignY": "bottom",
                                    "style": "{\n    maxHeight: \"calc(100vh - 40px)\",\n    borderRadius: \"21px 21px 0 0\"\n}"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "470aba28-e4ef-285b-f094-d3b1cfa6e598",
                                        "type": "Group",
                                        "label": "Content Height",
                                        "x": 20,
                                        "y": 122,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "paddingTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 24,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "scrollBehavior": "noodl",
                                            "showScrollbar": false,
                                            "style": "{\n    maxHeight: \"calc(100vh - 40px - 20px)\"\n}",
                                            "clip": true,
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "cefdbdb1-ecff-15fd-5c85-f110230a95d7",
                                                "type": "Component Children",
                                                "x": 676.6665013715095,
                                                "y": 666.7557537353557,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "efdacd18-cd02-4999-95c6-acec5bfffe2f",
                                        "type": "Group",
                                        "label": "Drag Handle",
                                        "x": 20,
                                        "y": 265,
                                        "parameters": {
                                            "position": "absolute",
                                            "height": {
                                                "value": 50,
                                                "unit": "px"
                                            },
                                            "pointerEventsMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "76ca64f1-b392-16b3-d6a7-01c2deb80b1c",
                                                "type": "Group",
                                                "label": "Handle Indicator",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "width": {
                                                        "value": 32,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    },
                                                    "borderRadius": 2,
                                                    "backgroundColor": "#949499",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "marginTop": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "690da35f-0638-f17e-048f-f52413c920a0",
                        "type": "/Components/Running iOS Fullscreen",
                        "x": 1030.4408039928312,
                        "y": 636.60588895666,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "66e118ae-c0f5-70f9-e3b3-570ea63560a4",
                        "type": "Number Blend",
                        "x": 814.7622154790619,
                        "y": 635.0642702562407,
                        "parameters": {
                            "input 0": 20,
                            "input 1": 25
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Delivery Notification",
            "graph": {
                "connections": [
                    {
                        "fromId": "8cb01b57-f999-80ae-be81-9e411ccdce37",
                        "fromProperty": "onClick",
                        "toId": "8f80b950-a9df-4563-c563-bedcd30352b2",
                        "toProperty": "click"
                    },
                    {
                        "fromId": "c94ff073-ff57-eedb-82f9-ee161d1cf428",
                        "fromProperty": "deliveryDate",
                        "toId": "fb9fe330-4054-9fba-fe33-e6cda1a47a2c",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "c94ff073-ff57-eedb-82f9-ee161d1cf428",
                        "fromProperty": "deliverySlot",
                        "toId": "fb9fe330-4054-9fba-fe33-e6cda1a47a2c",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "fb9fe330-4054-9fba-fe33-e6cda1a47a2c",
                        "fromProperty": "Day And Time",
                        "toId": "a86926f5-6925-e9b2-4f14-2bc690b9e027",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "c94ff073-ff57-eedb-82f9-ee161d1cf428",
                        "fromProperty": "hasSelection",
                        "toId": "4c3ae395-1ddd-9cc5-71f6-644e1593ef08",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "4c3ae395-1ddd-9cc5-71f6-644e1593ef08",
                        "fromProperty": "savedValue",
                        "toId": "19c3ac74-0227-10f0-93d2-906241ef599d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4c3ae395-1ddd-9cc5-71f6-644e1593ef08",
                        "fromProperty": "savedValue",
                        "toId": "b35ff9a3-d627-1492-ff17-ea601a015a6a",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "b35ff9a3-d627-1492-ff17-ea601a015a6a",
                        "fromProperty": "result",
                        "toId": "2dbf37e8-c039-ee6f-1c8e-cfad485d18ba",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4c3ae395-1ddd-9cc5-71f6-644e1593ef08",
                        "fromProperty": "savedValue",
                        "toId": "083af9d3-eab2-30b2-320b-0759feae553d",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "083af9d3-eab2-30b2-320b-0759feae553d",
                        "fromProperty": "currentValue",
                        "toId": "8a47bb0d-061f-72b5-5a47-c329eb34b0e3",
                        "toProperty": "Label"
                    }
                ],
                "roots": [
                    {
                        "id": "8f80b950-a9df-4563-c563-bedcd30352b2",
                        "type": "Component Outputs",
                        "x": 1237,
                        "y": 447,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8cb01b57-f999-80ae-be81-9e411ccdce37",
                        "type": "Group",
                        "x": 936,
                        "y": 444,
                        "parameters": {
                            "height": {
                                "value": 50,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 15,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 15,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 20,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 20,
                                "unit": "px"
                            },
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "daba92a8-0bca-473d-bf40-188ee8a0daf2",
                                "type": "Group",
                                "label": "Background",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "position": "absolute",
                                    "opacity": 0.04,
                                    "backgroundColor": "#000000"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "9b85340d-250c-9aae-79c7-123c74076b2c",
                                "type": "Image",
                                "label": "Send Icon",
                                "x": 20,
                                "y": 143,
                                "parameters": {
                                    "src": "icons/18-clock-black.svg",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "19c3ac74-0227-10f0-93d2-906241ef599d",
                                "type": "Group",
                                "label": "Has Selection Content",
                                "x": 957,
                                "y": 648,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2c53d15d-b609-b64f-722d-720a3cee64a2",
                                        "type": "Text",
                                        "x": 473,
                                        "y": 745,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "text": "Your reserved delivery time"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "a86926f5-6925-e9b2-4f14-2bc690b9e027",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "text": "<time>"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "2dbf37e8-c039-ee6f-1c8e-cfad485d18ba",
                                "type": "Group",
                                "label": "No Selection Content",
                                "x": 20,
                                "y": 429,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "alignY": "center",
                                    "marginLeft": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ff95fe14-fbcf-c9ec-08d0-9c14e8a29050",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "text": "Local Pickup & Delivery"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "8a47bb0d-061f-72b5-5a47-c329eb34b0e3",
                                "type": "/UI Components/Design System/Link Text",
                                "x": 20,
                                "y": 572,
                                "parameters": {
                                    "Label": "Reserve",
                                    "Align X": "right",
                                    "Align Y": "center",
                                    "Position": "absolute",
                                    "Margin Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "fb9fe330-4054-9fba-fe33-e6cda1a47a2c",
                        "type": "/Components/Get Time Label",
                        "x": 539.3333333333334,
                        "y": 655.1666666666666,
                        "parameters": {
                            "Use Long Day Format": true,
                            "Debug Id": "home page"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c94ff073-ff57-eedb-82f9-ee161d1cf428",
                        "type": "Model",
                        "x": 132.33333333333337,
                        "y": 545.666666666667,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,hasSelection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4c3ae395-1ddd-9cc5-71f6-644e1593ef08",
                        "type": "Boolean",
                        "label": "Has Selection",
                        "x": 552.3333333333334,
                        "y": 404.16666666666663,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b35ff9a3-d627-1492-ff17-ea601a015a6a",
                        "type": "Inverter",
                        "label": "No Selection",
                        "x": 545.3333333333334,
                        "y": 886.1666666666666,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "083af9d3-eab2-30b2-320b-0759feae553d",
                        "type": "String Selector",
                        "x": 598.1666666666667,
                        "y": 1059.6190476190477,
                        "parameters": {
                            "input 0": "Reserve",
                            "input 1": "Change"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Reorder Favorites/Reorder Favorites Component",
            "graph": {
                "connections": [
                    {
                        "fromId": "aeff5499-1313-3647-833f-2574f394eedd",
                        "fromProperty": "csvItemIdsAndCounts",
                        "toId": "20c7fdad-9424-4123-411a-9f6a83130f2b",
                        "toProperty": "csvItemIdsAndCounts"
                    },
                    {
                        "fromId": "856463eb-dd74-ca0a-8cf2-85d295b46431",
                        "fromProperty": "Click",
                        "toId": "20c7fdad-9424-4123-411a-9f6a83130f2b",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "93f9b639-c889-3396-f477-c4f073fd3dcd",
                        "fromProperty": "items",
                        "toId": "a9d8d695-6b81-c610-f269-c623ae1620bf",
                        "toProperty": "collection"
                    },
                    {
                        "fromId": "a9d8d695-6b81-c610-f269-c623ae1620bf",
                        "fromProperty": "filteredCollection",
                        "toId": "aeff5499-1313-3647-833f-2574f394eedd",
                        "toProperty": "myCollection"
                    },
                    {
                        "fromId": "a9d8d695-6b81-c610-f269-c623ae1620bf",
                        "fromProperty": "filteredCollection",
                        "toId": "4dcc4415-88aa-4607-c5a9-df05af6316b9",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "ba15de64-f64b-9f73-8f96-02b75cd80453",
                        "fromProperty": "boundingWidth",
                        "toId": "546345b0-6c62-1586-7aec-ab9b7e49277a",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "3a694dec-401d-2cf2-b921-9229d9ce8efd",
                        "fromProperty": "savedValue",
                        "toId": "546345b0-6c62-1586-7aec-ab9b7e49277a",
                        "toProperty": "itemSize"
                    },
                    {
                        "fromId": "546345b0-6c62-1586-7aec-ab9b7e49277a",
                        "fromProperty": "result",
                        "toId": "a9d8d695-6b81-c610-f269-c623ae1620bf",
                        "toProperty": "numItems"
                    }
                ],
                "roots": [
                    {
                        "id": "53343cb2-e03d-ebb0-536e-e844ef0d1ec1",
                        "type": "Group",
                        "x": 691,
                        "y": 466,
                        "parameters": {
                            "paddingLeft": {
                                "value": 18,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 20,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 17,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "4c501acd-7c86-83ed-3542-1b1755002d99",
                                "type": "Group",
                                "label": "Header",
                                "x": 175,
                                "y": 617,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "eb62cab1-69b0-007c-09a2-9524915da4ae",
                                        "type": "Text",
                                        "x": 195,
                                        "y": 678,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "text": "Reorder the things you love",
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "ba15de64-f64b-9f73-8f96-02b75cd80453",
                                "type": "Group",
                                "label": "Favourite items",
                                "x": 20,
                                "y": 153,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "flexWrap": "wrap",
                                    "marginBottom": {
                                        "value": 22,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4dcc4415-88aa-4607-c5a9-df05af6316b9",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "template": "/Home/Reorder Favorites/Favourite item"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "7ed8d2bc-e5a6-c120-c51b-40d256c9be88",
                                "type": "Group",
                                "label": "Buttons",
                                "x": 20,
                                "y": 296,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "explicit",
                                    "height": {
                                        "value": 30,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "3368e114-4c2c-693b-c352-39ea7b9818b5",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "width": {
                                                "value": 40,
                                                "unit": "%"
                                            },
                                            "marginRight": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": -10,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "856463eb-dd74-ca0a-8cf2-85d295b46431",
                                                "type": "/UI Components/Design System/Button",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "Small": true,
                                                    "Title": "Start my cart"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "93f9b639-c889-3396-f477-c4f073fd3dcd",
                        "type": "Static Data",
                        "x": 40.81849803988729,
                        "y": 561.6823919447069,
                        "parameters": {
                            "csv": "itemId\n39360227\n46828785\n506226959\n47183367\n46942849\n47242202\n47746094\n949678905\n172813797\n48084625\n258089437\n38663543\n253145350\n972931698\n544644893\n44390996\n988564886\n747329331",
                            "type": "csv",
                            "json": "[\n    {\n        \"itemId\":\"220304883\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"20441646\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"156350735\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"350601587\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"15686407\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"10535134\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"363800188\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"235819148\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"124782654\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"39944463\",\n        \"count\":2\n    },\n    {\n        \"itemId\":\"682318551\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"16654198\",\n        \"count\":3\n    },\n    {\n        \"itemId\":\"29472984\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"22145407\",\n        \"count\":1\n    },\n    {\n        \"itemId\":\"121895013\",\n        \"count\":2\n    }\n]\n\n"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aeff5499-1313-3647-833f-2574f394eedd",
                        "type": "Javascript2",
                        "x": 362.88373284823336,
                        "y": 702.6650281542156,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    myCollection:'collection',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t    csvItemIdsAndCounts: \"string\"\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tsetup:function(inputs,outputs) {\n\t\t// ...\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\n\t\tlet csvItemIdsAndCounts = \"\";\n\t\tinputs.myCollection.each(element => {\n\t\t    csvItemIdsAndCounts += element.data.itemId + \",\";\n\t\t    csvItemIdsAndCounts += element.data.count + \",\";\n\t\t});\n\t\t\n        outputs.csvItemIdsAndCounts = csvItemIdsAndCounts;\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "myCollection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "collection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            },
                            {
                                "name": "csvItemIdsAndCounts",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "20c7fdad-9424-4123-411a-9f6a83130f2b",
                        "type": "Event Sender",
                        "x": 357.979160448719,
                        "y": 828.8239415013521,
                        "parameters": {
                            "channelName": "Add Multiple Items To Cart"
                        },
                        "ports": [
                            {
                                "name": "csvItemIdsAndCounts",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a9d8d695-6b81-c610-f269-c623ae1620bf",
                        "type": "Javascript2",
                        "label": "Cap Num Items",
                        "x": 388.9158866386658,
                        "y": 378.0676759119191,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    collection: 'collection',\n\t    numItems: 'number'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    filteredCollection: 'collection'\n\t},\n\t\n\tsetup: function(inputs, outputs) {\n\t    outputs.filteredCollection = Noodl.Collection.get();\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tchange:function(inputs,outputs) {\n\t    \n\t    if(!inputs.collection) return;\n\t\t\n\t\tconst items = [];\n\t\t\n\t\t\n\t\tfor(let i=0; i<inputs.collection.size(); i++) {\n\t\t    items.push(inputs.collection.get(i));\n\t\t}\n\t\t\n\t\toutputs.filteredCollection.set(items.slice(0, inputs.numItems));\n\t}\n})\n",
                            "numItems": 5
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "numItems",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "filteredCollection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "3a694dec-401d-2cf2-b921-9229d9ce8efd",
                        "type": "Number",
                        "label": "Item Size",
                        "x": 85.55119587720901,
                        "y": 342.0676759119191,
                        "parameters": {
                            "value": 64
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "546345b0-6c62-1586-7aec-ab9b7e49277a",
                        "type": "Expression",
                        "x": 340.551195877209,
                        "y": 216.06767591191908,
                        "parameters": {
                            "expression": "numRows*Math.floor(width/itemSize)",
                            "numRows": 2
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "numRows",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "width",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "itemSize",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b17f0b8d-6f55-b8b2-c07a-1439122e34c4",
                        "type": "Text",
                        "x": 727,
                        "y": 1020,
                        "parameters": {
                            "fontFamily": "fonts/Bogle-Regular.otf",
                            "fontSize": {
                                "value": 15,
                                "unit": "px"
                            },
                            "style": "{\n    textDecoration: \"underline\"\n}",
                            "alignX": "center",
                            "alignY": "center",
                            "text": "View past orders",
                            "color": "#0065FF"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Reorder Favorites/Favourite item",
            "graph": {
                "connections": [
                    {
                        "fromId": "0cce36ce-3537-8d44-8995-a05d04434697",
                        "fromProperty": "itemId",
                        "toId": "83746b97-aff5-ff75-3b8b-53d57fbb4b3f",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "83746b97-aff5-ff75-3b8b-53d57fbb4b3f",
                        "fromProperty": "itemId",
                        "toId": "563cd15b-169e-c067-b0b8-6c77ed88622a",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "0cce36ce-3537-8d44-8995-a05d04434697",
                        "type": "For Each Actions",
                        "x": 801.8647776764851,
                        "y": 423.4923623860901,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "83746b97-aff5-ff75-3b8b-53d57fbb4b3f",
                        "type": "Model",
                        "x": 968.0610881635271,
                        "y": 422.72970512539837,
                        "parameters": {
                            "properties": "itemId,title,count"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "count",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "08a96277-ace2-c0ba-b71b-4551d6c197cd",
                        "type": "Group",
                        "x": 1182.2090282828133,
                        "y": 378.1387607435412,
                        "parameters": {
                            "flexDirection": "row",
                            "flexWrap": "wrap",
                            "sizeMode": "contentSize",
                            "marginRight": {
                                "value": 5,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 5,
                                "unit": "px"
                            },
                            "borderRadius": 5
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "563cd15b-169e-c067-b0b8-6c77ed88622a",
                                "type": "/UI Components/Product Tile No Stepper",
                                "x": 20,
                                "y": 46,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Components/Running iOS Fullscreen",
            "graph": {
                "connections": [
                    {
                        "fromId": "e7746c98-b3fc-4657-931f-2b0155c15434",
                        "fromProperty": "isRunningFullscreen",
                        "toId": "fd69b2e5-255d-faca-d677-21df2b7422be",
                        "toProperty": "Is Running Fullscreen"
                    }
                ],
                "roots": [
                    {
                        "id": "e7746c98-b3fc-4657-931f-2b0155c15434",
                        "type": "Javascript2",
                        "x": 309,
                        "y": 493,
                        "parameters": {
                            "code": "define({\n\toutputs:{\n\t    isRunningFullscreen: \"boolean\"\n\t},\n\tsetup:function(inputs, outputs) {\n\t\toutputs.isRunningFullscreen = window.navigator.standalone ? true : false;\n\t}\n});\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "isRunningFullscreen",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fd69b2e5-255d-faca-d677-21df2b7422be",
                        "type": "Component Outputs",
                        "x": 597,
                        "y": 508,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Is Running Fullscreen",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Time Slot Picker",
            "graph": {
                "connections": [
                    {
                        "fromId": "39f4b750-98c6-4bbc-5c3f-a0c8a9626685",
                        "fromProperty": "Selected Tab",
                        "toId": "4ef41100-0423-647b-4f7f-dc28f27b84be",
                        "toProperty": "tab"
                    },
                    {
                        "fromId": "4ef41100-0423-647b-4f7f-dc28f27b84be",
                        "fromProperty": "result",
                        "toId": "af3b2684-e418-bd38-4567-4bc5091e3fc8",
                        "toProperty": "to-delivery"
                    },
                    {
                        "fromId": "39f4b750-98c6-4bbc-5c3f-a0c8a9626685",
                        "fromProperty": "Selected Tab",
                        "toId": "b9f6205a-8be2-c7a1-c226-909b4d2779b0",
                        "toProperty": "tab"
                    },
                    {
                        "fromId": "b9f6205a-8be2-c7a1-c226-909b4d2779b0",
                        "fromProperty": "result",
                        "toId": "af3b2684-e418-bd38-4567-4bc5091e3fc8",
                        "toProperty": "to-pickup"
                    },
                    {
                        "fromId": "432aa265-37d0-1ee7-8b7c-df70181a1fc3",
                        "fromProperty": "Show",
                        "toId": "2373ca40-4951-a72d-b986-64b8552b43a9",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "432aa265-37d0-1ee7-8b7c-df70181a1fc3",
                        "fromProperty": "Hide",
                        "toId": "2373ca40-4951-a72d-b986-64b8552b43a9",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "2373ca40-4951-a72d-b986-64b8552b43a9",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "19985241-8f58-c0d3-89d5-582b6cea1f93",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "2373ca40-4951-a72d-b986-64b8552b43a9",
                        "fromProperty": "Hiding",
                        "toId": "19985241-8f58-c0d3-89d5-582b6cea1f93",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "af3b2684-e418-bd38-4567-4bc5091e3fc8",
                        "fromProperty": "currentState",
                        "toId": "f2d13e2b-e461-5d8b-6037-cb4141796887",
                        "toProperty": "activeType"
                    },
                    {
                        "fromId": "af3b2684-e418-bd38-4567-4bc5091e3fc8",
                        "fromProperty": "currentState",
                        "toId": "392d5afd-f63c-cfae-4bf7-b1fdc8115b14",
                        "toProperty": "type"
                    },
                    {
                        "fromId": "af3b2684-e418-bd38-4567-4bc5091e3fc8",
                        "fromProperty": "stateChanged",
                        "toId": "f2d13e2b-e461-5d8b-6037-cb4141796887",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "009fc179-8a12-71e9-529a-6de3591ceff9",
                        "fromProperty": "Click",
                        "toId": "8c1c30ea-a768-5377-b1e1-8a682f105d40",
                        "toProperty": "accept"
                    },
                    {
                        "fromId": "009fc179-8a12-71e9-529a-6de3591ceff9",
                        "fromProperty": "Click",
                        "toId": "2373ca40-4951-a72d-b986-64b8552b43a9",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "1fae3fff-11eb-82d6-425b-e783fd342cb1",
                        "fromProperty": "hasSelection",
                        "toId": "6b76b55a-47ed-6536-ac99-46fa2423266f",
                        "toProperty": "hasSelection"
                    },
                    {
                        "fromId": "6b76b55a-47ed-6536-ac99-46fa2423266f",
                        "fromProperty": "result",
                        "toId": "2d7c47bc-2eb2-580e-6fe3-4f0120abbe08",
                        "toProperty": "to-Has Selection"
                    },
                    {
                        "fromId": "1fae3fff-11eb-82d6-425b-e783fd342cb1",
                        "fromProperty": "hasSelection",
                        "toId": "cd855c11-8eae-a543-b573-c651c9627e7d",
                        "toProperty": "hasSelection"
                    },
                    {
                        "fromId": "cd855c11-8eae-a543-b573-c651c9627e7d",
                        "fromProperty": "result",
                        "toId": "2d7c47bc-2eb2-580e-6fe3-4f0120abbe08",
                        "toProperty": "to-No Selection"
                    },
                    {
                        "fromId": "2d7c47bc-2eb2-580e-6fe3-4f0120abbe08",
                        "fromProperty": "at-Has Selection",
                        "toId": "e1423495-a534-3ead-7972-fe530d9b1b0b",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "e1423495-a534-3ead-7972-fe530d9b1b0b",
                        "fromProperty": "currentValue",
                        "toId": "009fc179-8a12-71e9-529a-6de3591ceff9",
                        "toProperty": "Title"
                    },
                    {
                        "fromId": "ddf06da7-bbbe-ea15-c3a1-255645afa744",
                        "fromProperty": "date",
                        "toId": "e703799a-ae65-7295-58bb-084c443c0fcf",
                        "toProperty": "date"
                    },
                    {
                        "fromId": "ddf06da7-bbbe-ea15-c3a1-255645afa744",
                        "fromProperty": "value",
                        "toId": "e703799a-ae65-7295-58bb-084c443c0fcf",
                        "toProperty": "slot"
                    },
                    {
                        "fromId": "392d5afd-f63c-cfae-4bf7-b1fdc8115b14",
                        "fromProperty": "Selected Option Id",
                        "toId": "ddf06da7-bbbe-ea15-c3a1-255645afa744",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ddf06da7-bbbe-ea15-c3a1-255645afa744",
                        "fromProperty": "price",
                        "toId": "e703799a-ae65-7295-58bb-084c443c0fcf",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "ddf06da7-bbbe-ea15-c3a1-255645afa744",
                        "fromProperty": "type",
                        "toId": "e703799a-ae65-7295-58bb-084c443c0fcf",
                        "toProperty": "type"
                    },
                    {
                        "fromId": "2d7c47bc-2eb2-580e-6fe3-4f0120abbe08",
                        "fromProperty": "at-Has Selection",
                        "toId": "51069771-ce90-2ed9-1582-01773940ada6",
                        "toProperty": "shouldSave"
                    },
                    {
                        "fromId": "009fc179-8a12-71e9-529a-6de3591ceff9",
                        "fromProperty": "Click",
                        "toId": "51069771-ce90-2ed9-1582-01773940ada6",
                        "toProperty": "clicked"
                    },
                    {
                        "fromId": "51069771-ce90-2ed9-1582-01773940ada6",
                        "fromProperty": "result",
                        "toId": "e703799a-ae65-7295-58bb-084c443c0fcf",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "e8526951-318c-46d1-d1ce-c1dc44d20d00",
                        "fromProperty": "state",
                        "toId": "cd855c11-8eae-a543-b573-c651c9627e7d",
                        "toProperty": "pendingSelection"
                    },
                    {
                        "fromId": "1fae3fff-11eb-82d6-425b-e783fd342cb1",
                        "fromProperty": "hasSelection",
                        "toId": "e8526951-318c-46d1-d1ce-c1dc44d20d00",
                        "toProperty": "onFromStart"
                    },
                    {
                        "fromId": "392d5afd-f63c-cfae-4bf7-b1fdc8115b14",
                        "fromProperty": "Selection Changed",
                        "toId": "e8526951-318c-46d1-d1ce-c1dc44d20d00",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "e8526951-318c-46d1-d1ce-c1dc44d20d00",
                        "fromProperty": "state",
                        "toId": "6b76b55a-47ed-6536-ac99-46fa2423266f",
                        "toProperty": "pendingSelection"
                    },
                    {
                        "fromId": "7c4c1dc7-a110-cbfa-de2a-80712fac7412",
                        "fromProperty": "Is Running Fullscreen",
                        "toId": "51b3ad92-8508-8ed5-3390-fa285c83ea76",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "51b3ad92-8508-8ed5-3390-fa285c83ea76",
                        "fromProperty": "result",
                        "toId": "c1b995d0-2350-2961-bc90-101c98582fd9",
                        "toProperty": "paddingBottom"
                    }
                ],
                "roots": [
                    {
                        "id": "8c1c30ea-a768-5377-b1e1-8a682f105d40",
                        "type": "Component Outputs",
                        "x": 451.97234736401936,
                        "y": 1594.2618527367372,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "accept",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "option",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "day",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "date",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "cancel",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "432aa265-37d0-1ee7-8b7c-df70181a1fc3",
                        "type": "Component Inputs",
                        "x": 37.05976797931771,
                        "y": 635.7673490179866,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "af3b2684-e418-bd38-4567-4bc5091e3fc8",
                        "type": "States",
                        "x": 844.4814594048465,
                        "y": 990.2271208031163,
                        "parameters": {
                            "states": "delivery,pickup",
                            "startState": "pickup"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "delivery Transition",
                                "name": "transition-delivery",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "delivery Transition",
                                "name": "duration-delivery",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To delivery",
                                "name": "to-delivery",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At delivery",
                                "name": "at-delivery",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached delivery",
                                "name": "reached-delivery",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "pickup Transition",
                                "name": "transition-pickup",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "pickup Transition",
                                "name": "duration-pickup",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To pickup",
                                "name": "to-pickup",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At pickup",
                                "name": "at-pickup",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached pickup",
                                "name": "reached-pickup",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "delivery",
                                        "pickup"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "delivery",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4ef41100-0423-647b-4f7f-dc28f27b84be",
                        "type": "Expression",
                        "x": 832.8615269657802,
                        "y": 689.3567659445758,
                        "parameters": {
                            "expression": "tab=='delivery'"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "tab",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b9f6205a-8be2-c7a1-c226-909b4d2779b0",
                        "type": "Expression",
                        "x": 842.0448039983347,
                        "y": 841.5911410059405,
                        "parameters": {
                            "expression": "tab=='pickup'"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "tab",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2373ca40-4951-a72d-b986-64b8552b43a9",
                        "type": "/UI Components/Native-ish Card",
                        "x": 389.5891254305626,
                        "y": 655.3073939199398,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "74a3f17c-40da-61f3-6adf-552d000975ad",
                                "type": "Group",
                                "label": "CONTENT",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "style": "{\n    maxHeight: \"calc(100vh - 65px)\"\n}",
                                    "height": {
                                        "value": 100,
                                        "unit": "vh"
                                    },
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "transformY": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a82f7938-97c2-8df1-6e54-fce2265b45ee",
                                        "type": "Text",
                                        "label": "Title",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "text": "Reserve a time slot",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            },
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "121b0823-c5f8-edbe-f94a-399212fe3cbf",
                                        "type": "Group",
                                        "label": "TABS",
                                        "x": 20,
                                        "y": 122,
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "39f4b750-98c6-4bbc-5c3f-a0c8a9626685",
                                                "type": "/Time Slot Picker/Time Slot Tabs",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "b2366a8a-5f67-9f05-09ed-f1a8c3d8a437",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 265,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "392d5afd-f63c-cfae-4bf7-b1fdc8115b14",
                                                "type": "/Time Slot Picker/Delivery/Day And Slot Picker",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "type": ""
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "c1b995d0-2350-2961-bc90-101c98582fd9",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 479,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "style": "{\n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "879d20dd-79be-74e1-5d06-dde1d73e1a88",
                                                "type": "/Components/Divider",
                                                "x": 502.1181929802101,
                                                "y": 1255.2053114974278,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "009fc179-8a12-71e9-529a-6de3591ceff9",
                                                "type": "/UI Components/Design System/Button",
                                                "x": 20,
                                                "y": 92,
                                                "parameters": {
                                                    "Title": "Save",
                                                    "Margin Left": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "Margin Right": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "Margin Top": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "19985241-8f58-c0d3-89d5-582b6cea1f93",
                        "type": "Component Outputs",
                        "x": 610.4170198819237,
                        "y": 649.595829792677,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f2d13e2b-e461-5d8b-6037-cb4141796887",
                        "type": "Model",
                        "x": 1067.0741565232877,
                        "y": 980.0094041164087,
                        "parameters": {
                            "modelId": "time-slot-picker-state",
                            "properties": "activeType,hasSelection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "activeType",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2d7c47bc-2eb2-580e-6fe3-4f0120abbe08",
                        "type": "States",
                        "x": -208.1572813884348,
                        "y": 1144.1138689992065,
                        "parameters": {
                            "states": "No Selection,Has Selection",
                            "duration-No Selection": 0,
                            "duration-Has Selection": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "No Selection Transition",
                                "name": "transition-No Selection",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "No Selection Transition",
                                "name": "duration-No Selection",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To No Selection",
                                "name": "to-No Selection",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At No Selection",
                                "name": "at-No Selection",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached No Selection",
                                "name": "reached-No Selection",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Has Selection Transition",
                                "name": "transition-Has Selection",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Has Selection Transition",
                                "name": "duration-Has Selection",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Has Selection",
                                "name": "to-Has Selection",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Has Selection",
                                "name": "at-Has Selection",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Has Selection",
                                "name": "reached-Has Selection",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "No Selection",
                                        "Has Selection"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "No Selection",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6b76b55a-47ed-6536-ac99-46fa2423266f",
                        "type": "Expression",
                        "x": -216.23554818779337,
                        "y": 924.3064881334556,
                        "parameters": {
                            "expression": "hasSelection === true || pendingSelection === true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "hasSelection",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "pendingSelection",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1fae3fff-11eb-82d6-425b-e783fd342cb1",
                        "type": "Model",
                        "x": -218.54454182062426,
                        "y": 784.8074046294234,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,hasSelection,deliveryFee"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryFee",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cd855c11-8eae-a543-b573-c651c9627e7d",
                        "type": "Expression",
                        "x": -10.325833753255665,
                        "y": 921.798522562473,
                        "parameters": {
                            "expression": "hasSelection === false && pendingSelection === false"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "hasSelection",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "pendingSelection",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e1423495-a534-3ead-7972-fe530d9b1b0b",
                        "type": "String Selector",
                        "x": 83.06717204673043,
                        "y": 1325.1435128958296,
                        "parameters": {
                            "input 0": "Dismiss",
                            "input 1": "Save"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e703799a-ae65-7295-58bb-084c443c0fcf",
                        "type": "Event Sender",
                        "x": 1339.8426929331067,
                        "y": 1534.6792451463634,
                        "parameters": {
                            "channelName": "Delivery Options Updated"
                        },
                        "ports": [
                            {
                                "name": "date",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "slot",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 2
                            },
                            {
                                "name": "type",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 3
                            },
                            {
                                "name": "price",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ddf06da7-bbbe-ea15-c3a1-255645afa744",
                        "type": "Model",
                        "x": 945.6785183956663,
                        "y": 1557.8124839719555,
                        "parameters": {
                            "properties": "date,value,price,type"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "date",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "value",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "type",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "51069771-ce90-2ed9-1582-01773940ada6",
                        "type": "Expression",
                        "x": 697.4443346489421,
                        "y": 1400.6998508443698,
                        "parameters": {
                            "expression": "clicked && shouldSave"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "clicked",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "shouldSave",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e8526951-318c-46d1-d1ce-c1dc44d20d00",
                        "type": "Switch",
                        "label": "Pending Selection",
                        "x": -9.4318736814854,
                        "y": 777.5177855802643,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7c4c1dc7-a110-cbfa-de2a-80712fac7412",
                        "type": "/Components/Running iOS Fullscreen",
                        "x": 1207.723546671686,
                        "y": 1276.0326345476396,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "51b3ad92-8508-8ed5-3390-fa285c83ea76",
                        "type": "Number Blend",
                        "x": 1007.3388643810015,
                        "y": 1260.4556111116126,
                        "parameters": {
                            "input 0": 20,
                            "input 1": 25
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Time Slot Tabs",
            "graph": {
                "connections": [
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "currentState",
                        "toId": "73936a04-e711-2bd3-7720-f0b9d24571c0",
                        "toProperty": "Selected Tab"
                    },
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "at-delivery",
                        "toId": "1c131285-7ec2-510b-aefa-9f60bb4ed7c3",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "at-pickup",
                        "toId": "96e2a3fa-7eec-98f7-db57-1aed20a5a425",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "52972d40-00fa-b3b1-593f-85ca65013617",
                        "fromProperty": "eventReceived",
                        "toId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "toProperty": "to-delivery"
                    },
                    {
                        "fromId": "146dd6aa-7d70-4b06-7a10-4ecfe11e49f7",
                        "fromProperty": "onClick",
                        "toId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "toProperty": "to-delivery"
                    },
                    {
                        "fromId": "481e5ad2-66c2-8e2c-a196-3f7fd448c68f",
                        "fromProperty": "onClick",
                        "toId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "toProperty": "to-pickup"
                    },
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "opacity delivery",
                        "toId": "0b772d89-65e6-af83-7753-a752c53c5009",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "opacity pickup",
                        "toId": "57be2576-1083-74d8-aaed-9e84eddf2018",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "opacity delivery",
                        "toId": "78c3f50d-7ad0-5b35-e2da-e297726860cd",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "opacity pickup",
                        "toId": "57bafbce-3046-f8c1-a933-a6fc9910cf16",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "39cd0e12-0a17-00fe-a428-c6ec3927d5b7",
                        "fromProperty": "boundingWidth",
                        "toId": "fbe16c50-91b3-4b13-6ecd-91b480fb85bd",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "fbe16c50-91b3-4b13-6ecd-91b480fb85bd",
                        "fromProperty": "result",
                        "toId": "2b0d427e-66e3-a790-2f54-fb48a209d517",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "fromProperty": "Selection Background Position",
                        "toId": "2b0d427e-66e3-a790-2f54-fb48a209d517",
                        "toProperty": "transformX"
                    },
                    {
                        "fromId": "4a6cc20f-1d9d-6e62-be34-30f22c8e051a",
                        "fromProperty": "savedValue",
                        "toId": "98308248-d8b4-3e31-4899-9d4519d717d3",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "4a6cc20f-1d9d-6e62-be34-30f22c8e051a",
                        "fromProperty": "savedValue",
                        "toId": "6687a472-2f16-93d2-a480-9bb55a3e4620",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "66725263-fc37-2887-ed58-fcefd2c87426",
                        "fromProperty": "savedValue",
                        "toId": "b8519635-367c-5016-9e62-1ac36d7a514c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "66725263-fc37-2887-ed58-fcefd2c87426",
                        "fromProperty": "savedValue",
                        "toId": "262224e0-d4ac-5e32-4329-0b31f39b1f80",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "a8083823-6501-e1a0-ac24-df021b1fde27",
                        "type": "Group",
                        "label": "TABS",
                        "x": 528,
                        "y": 324.63962585800016,
                        "parameters": {
                            "sizeMode": "explicit",
                            "flexDirection": "row",
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "height": {
                                "value": 40,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "39cd0e12-0a17-00fe-a428-c6ec3927d5b7",
                                "type": "Group",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "flexDirection": "row",
                                    "backgroundColor": "#EEEEEF",
                                    "borderRadius": 8,
                                    "clip": true,
                                    "paddingTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "2b0d427e-66e3-a790-2f54-fb48a209d517",
                                        "type": "Group",
                                        "label": "Selection Background",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "position": "absolute",
                                            "width": {
                                                "value": 50,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 2,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 2,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 2,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 2,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#ffffff",
                                            "borderRadius": 6,
                                            "boxShadowEnabled": true,
                                            "boxShadowOffsetY": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "boxShadowColor": "rgba(0,0,0,0.1)",
                                            "boxShadowBlurRadius": {
                                                "value": 7,
                                                "unit": "px"
                                            },
                                            "boxShadowSpreadRadius": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "transformX": {
                                                "value": 100,
                                                "unit": "%"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "481e5ad2-66c2-8e2c-a196-3f7fd448c68f",
                                        "type": "Group",
                                        "label": "Pickup",
                                        "x": 20,
                                        "y": 199,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "57be2576-1083-74d8-aaed-9e84eddf2018",
                                                "type": "Group",
                                                "label": "active",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "paddingTop": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "b8519635-367c-5016-9e62-1ac36d7a514c",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "text": "Curbside pickup",
                                                            "alignX": "center",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "78c3f50d-7ad0-5b35-e2da-e297726860cd",
                                                "type": "Group",
                                                "label": "passive",
                                                "x": 20,
                                                "y": 276,
                                                "parameters": {
                                                    "borderRadius": 4,
                                                    "paddingTop": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "262224e0-d4ac-5e32-4329-0b31f39b1f80",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "text": "Curbside pickup",
                                                            "alignX": "center",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "marginTop": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "146dd6aa-7d70-4b06-7a10-4ecfe11e49f7",
                                        "type": "Group",
                                        "label": "Delivery",
                                        "x": 20,
                                        "y": 654,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "paddingTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "0b772d89-65e6-af83-7753-a752c53c5009",
                                                "type": "Group",
                                                "label": "active",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "paddingTop": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "98308248-d8b4-3e31-4899-9d4519d717d3",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 97,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "text": "Store delivery",
                                                            "alignX": "center",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "57bafbce-3046-f8c1-a933-a6fc9910cf16",
                                                "type": "Group",
                                                "label": "passive",
                                                "x": 20,
                                                "y": 240,
                                                "parameters": {
                                                    "borderRadius": 4,
                                                    "paddingTop": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "6687a472-2f16-93d2-a480-9bb55a3e4620",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "sizeMode": "contentSize",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "text": "Store delivery",
                                                            "alignX": "center",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "2ffb31ed-577a-0ac7-b1d3-e60ce421fcf2",
                        "type": "States",
                        "x": 1046.9200229920625,
                        "y": 583.8012864536338,
                        "parameters": {
                            "states": "delivery,pickup",
                            "value-delivery-delOpacity": 1,
                            "value-delivery-pickOpacity": 0,
                            "startState": "pickup",
                            "value-pickup-delOpacity": 0,
                            "value-pickup-pickOpacity": 1,
                            "values": "opacity delivery,opacity pickup,Selection Background Position",
                            "value-delivery-opacity delivery": 1,
                            "value-delivery-opacity pickup": 0,
                            "value-pickup-opacity delivery": 0,
                            "value-pickup-opacity pickup": 1,
                            "value-delivery-Selection Background Position": 100,
                            "value-pickup-Selection Background Position": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity delivery",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity pickup",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Selection Background Position",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "delivery Values",
                                "name": "value-delivery-opacity delivery",
                                "displayName": "opacity delivery",
                                "editorName": "delivery|opacity delivery",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "delivery Values",
                                "name": "value-delivery-opacity pickup",
                                "displayName": "opacity pickup",
                                "editorName": "delivery|opacity pickup",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "delivery Values",
                                "name": "value-delivery-Selection Background Position",
                                "displayName": "Selection Background Position",
                                "editorName": "delivery|Selection Background Position",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "delivery Transition",
                                "name": "transition-delivery",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "delivery Transition",
                                "name": "duration-delivery",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To delivery",
                                "name": "to-delivery",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At delivery",
                                "name": "at-delivery",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached delivery",
                                "name": "reached-delivery",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "pickup Values",
                                "name": "value-pickup-opacity delivery",
                                "displayName": "opacity delivery",
                                "editorName": "pickup|opacity delivery",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "pickup Values",
                                "name": "value-pickup-opacity pickup",
                                "displayName": "opacity pickup",
                                "editorName": "pickup|opacity pickup",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "pickup Values",
                                "name": "value-pickup-Selection Background Position",
                                "displayName": "Selection Background Position",
                                "editorName": "pickup|Selection Background Position",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "pickup Transition",
                                "name": "transition-pickup",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "pickup Transition",
                                "name": "duration-pickup",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To pickup",
                                "name": "to-pickup",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At pickup",
                                "name": "at-pickup",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached pickup",
                                "name": "reached-pickup",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "delivery",
                                        "pickup"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "delivery",
                                "index": 25
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "73936a04-e711-2bd3-7720-f0b9d24571c0",
                        "type": "Component Outputs",
                        "x": 1405.9569173451746,
                        "y": 546.5528332166193,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Selected Tab",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1c131285-7ec2-510b-aefa-9f60bb4ed7c3",
                        "type": "Event Sender",
                        "x": 1369.6930889939258,
                        "y": 832.044242792034,
                        "parameters": {
                            "channelName": "DeliverySelected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "96e2a3fa-7eec-98f7-db57-1aed20a5a425",
                        "type": "Event Sender",
                        "x": 1367.8126660527225,
                        "y": 964.1107832401304,
                        "parameters": {
                            "channelName": "PickupSelected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "52972d40-00fa-b3b1-593f-85ca65013617",
                        "type": "Event Receiver",
                        "x": 1321.945601719244,
                        "y": 316.85493654453273,
                        "parameters": {
                            "channelName": "PlaceOrder"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fbe16c50-91b3-4b13-6ecd-91b480fb85bd",
                        "type": "Expression",
                        "x": 842.3880495171882,
                        "y": 401.1672846841584,
                        "parameters": {
                            "expression": "width/2-2"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "width",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4a6cc20f-1d9d-6e62-be34-30f22c8e051a",
                        "type": "String",
                        "x": 311.38804951718816,
                        "y": 1104.1672846841584,
                        "parameters": {
                            "value": "Delivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "66725263-fc37-2887-ed58-fcefd2c87426",
                        "type": "String",
                        "label": "String",
                        "x": 326.38804951718816,
                        "y": 703.1672846841583,
                        "parameters": {
                            "value": "Curbside pickup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Slot Picker",
            "graph": {
                "connections": [
                    {
                        "fromId": "b3e7c720-b681-2ccb-8272-b2b310e8f91a",
                        "fromProperty": "formatted",
                        "toId": "df786423-de1f-4d3b-9164-91fc5f201a4f",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "df786423-de1f-4d3b-9164-91fc5f201a4f",
                        "fromProperty": "items",
                        "toId": "791d68ee-9ca1-c0ff-05a8-8811c1861cec",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "b5a996c7-c564-1eb4-5b30-1ec28623daf0",
                        "fromProperty": "formatted",
                        "toId": "43c8b2c2-0b29-5b6e-f350-84d03f3b6f7c",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "18b56187-1423-0ba2-b6d4-1ff2e96e089e",
                        "fromProperty": "eventReceived",
                        "toId": "0887e85d-bb63-963f-af8d-36b3c0279d6d",
                        "toProperty": "received"
                    },
                    {
                        "fromId": "0887e85d-bb63-963f-af8d-36b3c0279d6d",
                        "fromProperty": "result",
                        "toId": "43c8b2c2-0b29-5b6e-f350-84d03f3b6f7c",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "18b56187-1423-0ba2-b6d4-1ff2e96e089e",
                        "fromProperty": "value",
                        "toId": "43c8b2c2-0b29-5b6e-f350-84d03f3b6f7c",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "e241fcde-eec0-438d-b65d-25e0201b51d5",
                        "fromProperty": "Type",
                        "toId": "f4ef3463-8640-7109-c092-4c2c26eecc1f",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f4ef3463-8640-7109-c092-4c2c26eecc1f",
                        "fromProperty": "savedValue",
                        "toId": "b5a996c7-c564-1eb4-5b30-1ec28623daf0",
                        "toProperty": "groupId"
                    },
                    {
                        "fromId": "f4ef3463-8640-7109-c092-4c2c26eecc1f",
                        "fromProperty": "savedValue",
                        "toId": "b3e7c720-b681-2ccb-8272-b2b310e8f91a",
                        "toProperty": "groupId"
                    },
                    {
                        "fromId": "0887e85d-bb63-963f-af8d-36b3c0279d6d",
                        "fromProperty": "result",
                        "toId": "7e2058fd-f8d5-5e10-e60a-28682ee91da4",
                        "toProperty": "Selection Changed"
                    },
                    {
                        "fromId": "e241fcde-eec0-438d-b65d-25e0201b51d5",
                        "fromProperty": "Day Index",
                        "toId": "6453ee4a-98e3-4572-04fd-1013bd1bef90",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6453ee4a-98e3-4572-04fd-1013bd1bef90",
                        "fromProperty": "savedValue",
                        "toId": "b3e7c720-b681-2ccb-8272-b2b310e8f91a",
                        "toProperty": "dayIndex"
                    },
                    {
                        "fromId": "f4ef3463-8640-7109-c092-4c2c26eecc1f",
                        "fromProperty": "savedValue",
                        "toId": "0887e85d-bb63-963f-af8d-36b3c0279d6d",
                        "toProperty": "myType"
                    },
                    {
                        "fromId": "18b56187-1423-0ba2-b6d4-1ff2e96e089e",
                        "fromProperty": "optionType",
                        "toId": "0887e85d-bb63-963f-af8d-36b3c0279d6d",
                        "toProperty": "eventType"
                    },
                    {
                        "fromId": "18b56187-1423-0ba2-b6d4-1ff2e96e089e",
                        "fromProperty": "optionId",
                        "toId": "43c8b2c2-0b29-5b6e-f350-84d03f3b6f7c",
                        "toProperty": "optionId"
                    },
                    {
                        "fromId": "6453ee4a-98e3-4572-04fd-1013bd1bef90",
                        "fromProperty": "savedValue",
                        "toId": "43c8b2c2-0b29-5b6e-f350-84d03f3b6f7c",
                        "toProperty": "dayIndex"
                    },
                    {
                        "fromId": "43c8b2c2-0b29-5b6e-f350-84d03f3b6f7c",
                        "fromProperty": "optionId",
                        "toId": "4d694458-ce54-561a-e8c3-f61bd900a67e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "4d694458-ce54-561a-e8c3-f61bd900a67e",
                        "fromProperty": "savedValue",
                        "toId": "7e2058fd-f8d5-5e10-e60a-28682ee91da4",
                        "toProperty": "Selected Option Id"
                    }
                ],
                "roots": [
                    {
                        "id": "6f544311-f315-1127-87aa-2c05424499ee",
                        "type": "Group",
                        "x": 410,
                        "y": 421,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "backgroundColor": "#EDEDED",
                            "paddingTop": {
                                "value": 15,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "f559da97-f29b-3c18-a8fe-711e6cc017a6",
                                "type": "Group",
                                "label": "RADIO BOX",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#EDEDED"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "791d68ee-9ca1-c0ff-05a8-8811c1861cec",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "template": "/Time Slot Picker/Delivery/Slot Picker Item",
                                            "templateType": "dynamic",
                                            "templateScript": "// model item is available in item variable\n// set the component variable to the name of the desired component for this\n// item. Component name must start with a '/'.\ncomponent = '/MyComponent';\n\nif(item.get('value') === -1) {\n    component = \"/Time Slot Picker/Delivery/Slot Picker Express Item\"\n} else {\n    component = \"/Time Slot Picker/Delivery/Slot Picker Item\"\n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "7e2058fd-f8d5-5e10-e60a-28682ee91da4",
                        "type": "Component Outputs",
                        "x": 1045.5579745821815,
                        "y": 191.68442563450986,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Selected Option Id",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Selection Changed",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e241fcde-eec0-438d-b65d-25e0201b51d5",
                        "type": "Component Inputs",
                        "x": -450.8089422846849,
                        "y": 84.76741210120906,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Type",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Day Index",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "df786423-de1f-4d3b-9164-91fc5f201a4f",
                        "type": "Collection",
                        "x": 204.0950267820561,
                        "y": 538.374406301223,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b3e7c720-b681-2ccb-8272-b2b310e8f91a",
                        "type": "String Format",
                        "x": -13.38096548462913,
                        "y": 515.3003019014741,
                        "parameters": {
                            "format": "{groupId}-radio-options-{dayIndex}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "groupId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "dayIndex",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "43c8b2c2-0b29-5b6e-f350-84d03f3b6f7c",
                        "type": "Model",
                        "label": "Selection",
                        "x": 634.2693346517327,
                        "y": 249.24001530946805,
                        "parameters": {
                            "properties": "value,optionId,dayIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "optionId",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "dayIndex",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b5a996c7-c564-1eb4-5b30-1ec28623daf0",
                        "type": "String Format",
                        "x": 323.2693346517327,
                        "y": 230.24001530946805,
                        "parameters": {
                            "format": "{groupId}-selection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "groupId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "18b56187-1423-0ba2-b6d4-1ff2e96e089e",
                        "type": "Event Receiver",
                        "x": 112.26933465173272,
                        "y": 11.240015309468049,
                        "parameters": {
                            "channelName": "Time Picker Slot Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0887e85d-bb63-963f-af8d-36b3c0279d6d",
                        "type": "Expression",
                        "x": 453.2693346517327,
                        "y": 21.24001530946805,
                        "parameters": {
                            "expression": "eventType === myType && received"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "eventType",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myType",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "received",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f4ef3463-8640-7109-c092-4c2c26eecc1f",
                        "type": "String",
                        "label": "type",
                        "x": 98.26933465173272,
                        "y": 219.24001530946805,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6453ee4a-98e3-4572-04fd-1013bd1bef90",
                        "type": "Number",
                        "label": "Day Index",
                        "x": -316.21319297911896,
                        "y": 374.46657606317706,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4d694458-ce54-561a-e8c3-f61bd900a67e",
                        "type": "String",
                        "x": 839.3989692991486,
                        "y": 302.88005088751186,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Day Picker",
            "graph": {
                "connections": [
                    {
                        "fromId": "fa91aa92-1147-db01-1c61-7a43fff488f7",
                        "fromProperty": "items",
                        "toId": "156d48a4-b12a-9063-cd16-d9bebcf22886",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "fa91aa92-1147-db01-1c61-7a43fff488f7",
                        "fromProperty": "items",
                        "toId": "8022fb5b-67a2-39c3-cec1-d04eee55df4d",
                        "toProperty": "collection"
                    },
                    {
                        "fromId": "991b9cb9-1438-0804-17ec-bb649c46081c",
                        "fromProperty": "didMount",
                        "toId": "8022fb5b-67a2-39c3-cec1-d04eee55df4d",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "dc0d479e-9da2-3ed0-95f8-4fd6bfd64a76",
                        "fromProperty": "switchedToOn",
                        "toId": "8022fb5b-67a2-39c3-cec1-d04eee55df4d",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "9dca7115-3570-6dee-e915-fd4c3082720b",
                        "fromProperty": "eventReceived",
                        "toId": "ae36925b-1101-67dc-794b-eb05782718a9",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "9dca7115-3570-6dee-e915-fd4c3082720b",
                        "fromProperty": "date",
                        "toId": "ae36925b-1101-67dc-794b-eb05782718a9",
                        "toProperty": "date"
                    },
                    {
                        "fromId": "9dca7115-3570-6dee-e915-fd4c3082720b",
                        "fromProperty": "dayIndex",
                        "toId": "ae36925b-1101-67dc-794b-eb05782718a9",
                        "toProperty": "dayIndex"
                    }
                ],
                "roots": [
                    {
                        "id": "991b9cb9-1438-0804-17ec-bb649c46081c",
                        "type": "Group",
                        "x": 410.13100193332866,
                        "y": 285,
                        "parameters": {
                            "scrollBehavior": "noodl",
                            "scrollDirection": "x",
                            "clip": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5ab410aa-4fd4-d05b-d1f8-ebe1dec26928",
                                "type": "Group",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "scrollBehavior": "noodl",
                                    "scrollDirection": "x",
                                    "showScrollbar": false,
                                    "sizeMode": "explicit",
                                    "flexDirection": "row",
                                    "clip": false,
                                    "style": "{\n    maxWidth: '100%'\n}"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "156d48a4-b12a-9063-cd16-d9bebcf22886",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "template": "/Time Slot Picker/Delivery/Day Picker Item"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "fa91aa92-1147-db01-1c61-7a43fff488f7",
                        "type": "Collection",
                        "x": 112.84627134719591,
                        "y": 373.43404406961037,
                        "parameters": {
                            "collectionId": "weekdays"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8022fb5b-67a2-39c3-cec1-d04eee55df4d",
                        "type": "Javascript2",
                        "x": 109.84627134719591,
                        "y": 507.43404406961054,
                        "parameters": {
                            "code": "define({\n    \n\tinputs:{\n\t    collection: 'collection',\n\t    refresh: 'signal',\n\t    numDays: 'number'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\trefresh:function(inputs,outputs) {\n\t    \n\t    const busyDayIndex = 3; // Hardcoded niceness also in Manage time slots component\n\t    \n\t    const createItemFromDate = (date, dayIndex) => {\n\t        let day = date.getDate();\n\t        let month = date.getMonth()+1;\n\t        \n\t        const options = { weekday: 'short'};\n\t        return {\n\t            \"dayLabel\": date.toLocaleDateString('en-US', options).toUpperCase(),\n\t            \"dateLabel\": month + '/' + day,\n\t            \"date\": date,\n\t            \"dayIndex\": dayIndex,\n\t            \"busy\": dayIndex === busyDayIndex\n\t        }\n\t        \n\t        \n\t    }\n\t    \n\t    let days = [];\n\t    \n\t    let today = new Date();\n\t    \n\t    let todayItem = createItemFromDate(today, 0);\n\t    todayItem.dayLabel = \"Today\";\n\t    days.push(todayItem);\n\t    \n\t    for(let i = 1; i < inputs.numDays; ++i) {\n\t        \n\t        let otherDay = new Date(today.getTime() + i * 24 * 60 * 60 * 1000);\n\t        let otherDayItem = createItemFromDate(otherDay, i);\n\t        days.push(otherDayItem);\n\t    }\n\t    \n\t    inputs.collection.set(days);\n\t}\n})\n",
                            "numDays": 7
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "numDays",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dc0d479e-9da2-3ed0-95f8-4fd6bfd64a76",
                        "type": "Switch",
                        "x": -279.6677130371371,
                        "y": 530.6696917858606,
                        "parameters": {
                            "onFromStart": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9dca7115-3570-6dee-e915-fd4c3082720b",
                        "type": "Event Receiver",
                        "x": 767.0062074143136,
                        "y": 405.00944498127035,
                        "parameters": {
                            "channelName": "Time Slot Day Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ae36925b-1101-67dc-794b-eb05782718a9",
                        "type": "Event Sender",
                        "x": 1027.0062074143136,
                        "y": 404.00944498127035,
                        "parameters": {
                            "channelName": "Time Slot Day Selected",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "date",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "dayIndex",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Day Picker Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "1aee4b63-8097-926e-7c60-c2df8cba5b97",
                        "fromProperty": "itemId",
                        "toId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "dateLabel",
                        "toId": "dbb68fb4-5409-16e9-9dfe-578b812a5d2b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "date",
                        "toId": "1ac254c8-4f5b-10cb-6203-7ef13ae018ea",
                        "toProperty": "date"
                    },
                    {
                        "fromId": "0662790e-d53b-4fb6-1b71-f9c5c118fc93",
                        "fromProperty": "onClick",
                        "toId": "1ac254c8-4f5b-10cb-6203-7ef13ae018ea",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "dateLabel",
                        "toId": "8684f72e-dcd4-4509-8511-3d2300f60bfd",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "dayIndex",
                        "toId": "1ac254c8-4f5b-10cb-6203-7ef13ae018ea",
                        "toProperty": "dayIndex"
                    },
                    {
                        "fromId": "66c7fb4e-2c21-25f0-c029-77cf880ce58d",
                        "fromProperty": "formatted",
                        "toId": "dfece759-0466-c5f5-ce9a-afe5b87e5f51",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "ba92b957-41db-503c-590e-4a41db8ebbf8",
                        "fromProperty": "activeType",
                        "toId": "66c7fb4e-2c21-25f0-c029-77cf880ce58d",
                        "toProperty": "groupId"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "dayIndex",
                        "toId": "767f661d-d622-8597-4240-47acd4bd4bbd",
                        "toProperty": "myDayIndex"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "dayIndex",
                        "toId": "16b1cc9e-b182-27d3-9aca-938e136fe599",
                        "toProperty": "myDayIndex"
                    },
                    {
                        "fromId": "ba92b957-41db-503c-590e-4a41db8ebbf8",
                        "fromProperty": "selectedDayIndex",
                        "toId": "767f661d-d622-8597-4240-47acd4bd4bbd",
                        "toProperty": "selectedDayIndex"
                    },
                    {
                        "fromId": "ba92b957-41db-503c-590e-4a41db8ebbf8",
                        "fromProperty": "selectedDayIndex",
                        "toId": "16b1cc9e-b182-27d3-9aca-938e136fe599",
                        "toProperty": "selectedDayIndex"
                    },
                    {
                        "fromId": "de1e764c-e103-9cd3-2cc7-e939f33af887",
                        "fromProperty": "hasReachedEnd",
                        "toId": "24ee14d8-c901-d169-2af7-dcc63bbd0216",
                        "toProperty": "replayToEnd"
                    },
                    {
                        "fromId": "de1e764c-e103-9cd3-2cc7-e939f33af887",
                        "fromProperty": "Scale",
                        "toId": "0662790e-d53b-4fb6-1b71-f9c5c118fc93",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "24ee14d8-c901-d169-2af7-dcc63bbd0216",
                        "fromProperty": "Scale",
                        "toId": "0662790e-d53b-4fb6-1b71-f9c5c118fc93",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "16b1cc9e-b182-27d3-9aca-938e136fe599",
                        "fromProperty": "result",
                        "toId": "66f472ed-9679-08fc-525f-0521204153da",
                        "toProperty": "to-unselected"
                    },
                    {
                        "fromId": "767f661d-d622-8597-4240-47acd4bd4bbd",
                        "fromProperty": "result",
                        "toId": "66f472ed-9679-08fc-525f-0521204153da",
                        "toProperty": "to-selected"
                    },
                    {
                        "fromId": "66f472ed-9679-08fc-525f-0521204153da",
                        "fromProperty": "stateChanged",
                        "toId": "24ee14d8-c901-d169-2af7-dcc63bbd0216",
                        "toProperty": "stop"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "dayLabel",
                        "toId": "c3e7a42f-bee3-0d31-a574-5ca6a26c9446",
                        "toProperty": "inputDate"
                    },
                    {
                        "fromId": "c3e7a42f-bee3-0d31-a574-5ca6a26c9446",
                        "fromProperty": "lowerCasedDate",
                        "toId": "b2cae9a2-b81f-0c80-210c-170ea9abcc41",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "c3e7a42f-bee3-0d31-a574-5ca6a26c9446",
                        "fromProperty": "lowerCasedDate",
                        "toId": "48d2e1e2-af91-90f6-8d3d-6de804249b83",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "66f472ed-9679-08fc-525f-0521204153da",
                        "fromProperty": "bold opacity",
                        "toId": "2c9774be-fa2a-2580-030e-b9072c2a0463",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "66f472ed-9679-08fc-525f-0521204153da",
                        "fromProperty": "regular opacity",
                        "toId": "077921cf-fde7-44ac-77ff-5920a3a530ff",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "b5b0b18a-bf9b-76b4-badb-31a44d8a1cfd",
                        "fromProperty": "currentValue",
                        "toId": "b18fef72-7af8-53fe-a433-5ded45c58c4b",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "fromProperty": "busy",
                        "toId": "b5b0b18a-bf9b-76b4-badb-31a44d8a1cfd",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "b18fef72-7af8-53fe-a433-5ded45c58c4b",
                        "fromProperty": "at-Fully Booked",
                        "toId": "3ec6ba79-34f1-013d-9140-0c95ee9219b4",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "b18fef72-7af8-53fe-a433-5ded45c58c4b",
                        "fromProperty": "at-Available",
                        "toId": "0662790e-d53b-4fb6-1b71-f9c5c118fc93",
                        "toProperty": "pointerEventsEnabled"
                    },
                    {
                        "fromId": "66f472ed-9679-08fc-525f-0521204153da",
                        "fromProperty": "reached-selected",
                        "toId": "de1e764c-e103-9cd3-2cc7-e939f33af887",
                        "toProperty": "replayToEnd"
                    },
                    {
                        "fromId": "66f472ed-9679-08fc-525f-0521204153da",
                        "fromProperty": "fill color",
                        "toId": "a27d6096-a775-2d61-6cff-6a7b7fb2078f",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "fef2e0c3-569f-4f07-7b29-598d00ecc42a",
                        "fromProperty": "result",
                        "toId": "40c17a59-9799-434d-b245-e2b6c9b09374",
                        "toProperty": "fillColor"
                    },
                    {
                        "fromId": "a27d6096-a775-2d61-6cff-6a7b7fb2078f",
                        "fromProperty": "result",
                        "toId": "fef2e0c3-569f-4f07-7b29-598d00ecc42a",
                        "toProperty": "color 0"
                    },
                    {
                        "fromId": "b18fef72-7af8-53fe-a433-5ded45c58c4b",
                        "fromProperty": "Color Blend",
                        "toId": "fef2e0c3-569f-4f07-7b29-598d00ecc42a",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "b18fef72-7af8-53fe-a433-5ded45c58c4b",
                        "fromProperty": "Outline Opacity Blend",
                        "toId": "0c1d2818-83ed-165a-b085-c50ee00d25d5",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "66f472ed-9679-08fc-525f-0521204153da",
                        "fromProperty": "outline opacity",
                        "toId": "0c1d2818-83ed-165a-b085-c50ee00d25d5",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "0c1d2818-83ed-165a-b085-c50ee00d25d5",
                        "fromProperty": "result",
                        "toId": "4bd8f0d0-750f-fe0a-eb34-5f2462cef61a",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "b18fef72-7af8-53fe-a433-5ded45c58c4b",
                        "fromProperty": "Color Blend",
                        "toId": "7fd381a8-47ef-54ad-910d-8e17453e8171",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "7fd381a8-47ef-54ad-910d-8e17453e8171",
                        "fromProperty": "result",
                        "toId": "48d2e1e2-af91-90f6-8d3d-6de804249b83",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "7fd381a8-47ef-54ad-910d-8e17453e8171",
                        "fromProperty": "result",
                        "toId": "8684f72e-dcd4-4509-8511-3d2300f60bfd",
                        "toProperty": "color"
                    }
                ],
                "roots": [
                    {
                        "id": "0662790e-d53b-4fb6-1b71-f9c5c118fc93",
                        "type": "Group",
                        "x": 403,
                        "y": 313,
                        "parameters": {
                            "sizeMode": "contentSize",
                            "marginRight": {
                                "value": 8,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "clip": false,
                            "pointerEventsMode": "explicit"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "518dae22-b1b6-9298-5648-a126e33bc188",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "marginTop": {
                                        "value": 5,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 65,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 65,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "40c17a59-9799-434d-b245-e2b6c9b09374",
                                        "type": "Circle",
                                        "label": "Fill Circle",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "size": 65,
                                            "fillColor": "#0065FF"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "4bd8f0d0-750f-fe0a-eb34-5f2462cef61a",
                                        "type": "Circle",
                                        "label": "Outline Circle",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "size": 65,
                                            "strokeWidth": 1,
                                            "position": "absolute",
                                            "strokeEnabled": true,
                                            "fillEnabled": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "2c9774be-fa2a-2580-030e-b9072c2a0463",
                                        "type": "Group",
                                        "label": "Bold",
                                        "x": 20,
                                        "y": 240,
                                        "parameters": {
                                            "position": "absolute",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "sizeMode": "contentSize",
                                            "transformY": {
                                                "value": -2,
                                                "unit": "px"
                                            },
                                            "paddingTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b2cae9a2-b81f-0c80-210c-170ea9abcc41",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "textAlign": "center",
                                                    "text": "Today",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "color": "#ffffff"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "dbb68fb4-5409-16e9-9dfe-578b812a5d2b",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 179,
                                                "parameters": {
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "textAlign": "center",
                                                    "text": "3/16",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "color": "#ffffff"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "077921cf-fde7-44ac-77ff-5920a3a530ff",
                                        "type": "Group",
                                        "label": "Regular",
                                        "x": 20,
                                        "y": 501,
                                        "parameters": {
                                            "position": "absolute",
                                            "alignX": "center",
                                            "alignY": "center",
                                            "sizeMode": "contentSize",
                                            "transformY": {
                                                "value": -2,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "48d2e1e2-af91-90f6-8d3d-6de804249b83",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "textAlign": "center",
                                                    "text": "Today",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "color": "#000000"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "8684f72e-dcd4-4509-8511-3d2300f60bfd",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 179,
                                                "parameters": {
                                                    "position": "relative",
                                                    "alignX": "center",
                                                    "alignY": "center",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "textAlign": "center",
                                                    "text": "3/16",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "64fa75ca-b594-c927-84c9-0ada5bdd0615",
                                "type": "Group",
                                "label": "Full Badge",
                                "x": 20,
                                "y": 904,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "3ec6ba79-34f1-013d-9140-0c95ee9219b4",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "paddingLeft": {
                                                "value": 6,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "borderStyle": "solid",
                                            "borderWidth": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "paddingTop": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 6,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 3,
                                                "unit": "px"
                                            },
                                            "alignY": "bottom",
                                            "borderRadius": 3,
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "745434ba-7977-a846-02a8-e8872e920c01",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {
                                                    "sizeMode": "contentWidth",
                                                    "alignY": "center",
                                                    "text": "Full",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "1aee4b63-8097-926e-7c60-c2df8cba5b97",
                        "type": "For Each Actions",
                        "x": -456.996041769809,
                        "y": 846.0572312519408,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ea6e7516-801a-a2e5-8ed1-640755d23177",
                        "type": "Model",
                        "x": -172.5343441881672,
                        "y": 844.9310316531283,
                        "parameters": {
                            "properties": "dayLabel,dateLabel,date,dayIndex,busy"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "dayLabel",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "dateLabel",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "date",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "dayIndex",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "busy",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1ac254c8-4f5b-10cb-6203-7ef13ae018ea",
                        "type": "Event Sender",
                        "x": 747.5377276412949,
                        "y": 913.329844019373,
                        "parameters": {
                            "channelName": "Time Slot Day Selected",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "date",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "dayIndex",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ba92b957-41db-503c-590e-4a41db8ebbf8",
                        "type": "Model",
                        "x": -378.46227235870515,
                        "y": 151.329844019373,
                        "parameters": {
                            "modelId": "time-slot-picker-state",
                            "properties": "activeType,selectedDayIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "activeType",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "selectedDayIndex",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dfece759-0466-c5f5-ce9a-afe5b87e5f51",
                        "type": "Model",
                        "label": "Selection",
                        "x": 68.11502777631085,
                        "y": 87.62209921875956,
                        "parameters": {
                            "properties": "value,optionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "optionId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "66c7fb4e-2c21-25f0-c029-77cf880ce58d",
                        "type": "String Format",
                        "x": -159.46227235870515,
                        "y": 126.32984401937301,
                        "parameters": {
                            "format": "{groupId}-selection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "groupId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "767f661d-d622-8597-4240-47acd4bd4bbd",
                        "type": "Expression",
                        "x": 49.53772764129485,
                        "y": 222.329844019373,
                        "parameters": {
                            "expression": "myDayIndex === selectedDayIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "myDayIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "selectedDayIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "16b1cc9e-b182-27d3-9aca-938e136fe599",
                        "type": "Expression",
                        "x": 249.53772764129485,
                        "y": 212.329844019373,
                        "parameters": {
                            "expression": "myDayIndex !== selectedDayIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "myDayIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "selectedDayIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "de1e764c-e103-9cd3-2cc7-e939f33af887",
                        "type": "Animation",
                        "label": "Scale Up",
                        "x": 603.5377276412949,
                        "y": 48.32984401937301,
                        "parameters": {
                            "duration": 150,
                            "Scale Up.startValue": 1,
                            "Scale.startMode": "explicit",
                            "Scale.endValue": 1.08,
                            "Scale.startValue": 1
                        },
                        "ports": [
                            {
                                "name": "Scale",
                                "plug": "output",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Animation Values",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "24ee14d8-c901-d169-2af7-dcc63bbd0216",
                        "type": "Animation",
                        "label": "Scale Down",
                        "x": 790.5377276412949,
                        "y": 57.32984401937301,
                        "parameters": {
                            "duration": 300,
                            "Scale Up.startValue": 1.05,
                            "Scale.startMode": "explicit",
                            "Scale.endValue": 1,
                            "Scale.startValue": 1.08
                        },
                        "ports": [
                            {
                                "name": "Scale",
                                "plug": "output",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Animation Values",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "66f472ed-9679-08fc-525f-0521204153da",
                        "type": "States",
                        "x": -361.45109113770053,
                        "y": 572.9594717823651,
                        "parameters": {
                            "states": "unselected,selected",
                            "values": "fill color,outline opacity,bold opacity,regular opacity",
                            "value-unselected-fill color": 0,
                            "value-selected-fill color": 1,
                            "value-unavailable-fill color": 2,
                            "duration-selected": 0,
                            "duration-unavailable": 0,
                            "duration-unselected": 0,
                            "value-unselected-outline opacity": 0.4,
                            "value-selected-outline opacity": 0,
                            "value-selected-bold opacity": 1,
                            "value-selected-regular opacity": 0,
                            "value-unselected-bold opacity": 0,
                            "value-unselected-regular opacity": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "fill color",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "outline opacity",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "bold opacity",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "regular opacity",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "unselected Values",
                                "name": "value-unselected-fill color",
                                "displayName": "fill color",
                                "editorName": "unselected|fill color",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "unselected Values",
                                "name": "value-unselected-outline opacity",
                                "displayName": "outline opacity",
                                "editorName": "unselected|outline opacity",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "unselected Values",
                                "name": "value-unselected-bold opacity",
                                "displayName": "bold opacity",
                                "editorName": "unselected|bold opacity",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "unselected Values",
                                "name": "value-unselected-regular opacity",
                                "displayName": "regular opacity",
                                "editorName": "unselected|regular opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "unselected Transition",
                                "name": "transition-unselected",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "unselected Transition",
                                "name": "duration-unselected",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To unselected",
                                "name": "to-unselected",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At unselected",
                                "name": "at-unselected",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached unselected",
                                "name": "reached-unselected",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-fill color",
                                "displayName": "fill color",
                                "editorName": "selected|fill color",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-outline opacity",
                                "displayName": "outline opacity",
                                "editorName": "selected|outline opacity",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-bold opacity",
                                "displayName": "bold opacity",
                                "editorName": "selected|bold opacity",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "selected Values",
                                "name": "value-selected-regular opacity",
                                "displayName": "regular opacity",
                                "editorName": "selected|regular opacity",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "selected Transition",
                                "name": "transition-selected",
                                "index": 23
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "selected Transition",
                                "name": "duration-selected",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To selected",
                                "name": "to-selected",
                                "group": "Go to state",
                                "index": 25
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At selected",
                                "name": "at-selected",
                                "group": "Current state",
                                "index": 26
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached selected",
                                "name": "reached-selected",
                                "group": "Current state",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "unselected",
                                        "selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "unselected",
                                "index": 28
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c3e7a42f-bee3-0d31-a574-5ca6a26c9446",
                        "type": "Javascript2",
                        "x": 129.8561467350039,
                        "y": 893.1715308915151,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t   inputDate: \"string\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    lowerCasedDate: \"string\"\n\t},\n\n\n\tchange:function(inputs,outputs) {\n\t    if(!inputs.inputDate) return;\n\t\tlet lowerCased = inputs.inputDate.toLowerCase();\n\t\t\n\t\toutputs.lowerCasedDate = inputs.inputDate.charAt(0) + lowerCased.substring(1,lowerCased.length);\n\t\t\n\t\tconsole.log(outputs.lowerCasedDate);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "inputDate",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "lowerCasedDate",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b18fef72-7af8-53fe-a433-5ded45c58c4b",
                        "type": "States",
                        "x": -204.66452554375144,
                        "y": 1105.6799828822848,
                        "parameters": {
                            "states": "Available,Fully Booked",
                            "values": "Opacity,Color Blend,Outline Opacity Blend",
                            "value-Available-Opacity": 1,
                            "value-Fully Booked-Opacity": 0.5,
                            "duration-Available": 0,
                            "duration-Fully Booked": 0,
                            "value-Available-Color Blend": 0,
                            "value-Fully Booked-Color Blend": 1,
                            "value-Available-Outline Opacity Blend": 0,
                            "value-Fully Booked-Outline Opacity Blend": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Color Blend",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Outline Opacity Blend",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Available Values",
                                "name": "value-Available-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Available|Opacity",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Available Values",
                                "name": "value-Available-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "Available|Color Blend",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Available Values",
                                "name": "value-Available-Outline Opacity Blend",
                                "displayName": "Outline Opacity Blend",
                                "editorName": "Available|Outline Opacity Blend",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Available Transition",
                                "name": "transition-Available",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Available Transition",
                                "name": "duration-Available",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Available",
                                "name": "to-Available",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Available",
                                "name": "at-Available",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Available",
                                "name": "reached-Available",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Fully Booked Values",
                                "name": "value-Fully Booked-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Fully Booked|Opacity",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Fully Booked Values",
                                "name": "value-Fully Booked-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "Fully Booked|Color Blend",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Fully Booked Values",
                                "name": "value-Fully Booked-Outline Opacity Blend",
                                "displayName": "Outline Opacity Blend",
                                "editorName": "Fully Booked|Outline Opacity Blend",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Fully Booked Transition",
                                "name": "transition-Fully Booked",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Fully Booked Transition",
                                "name": "duration-Fully Booked",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Fully Booked",
                                "name": "to-Fully Booked",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Fully Booked",
                                "name": "at-Fully Booked",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Fully Booked",
                                "name": "reached-Fully Booked",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Available",
                                        "Fully Booked"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Available",
                                "index": 25
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b5b0b18a-bf9b-76b4-badb-31a44d8a1cfd",
                        "type": "String Selector",
                        "x": -436.7441811978305,
                        "y": 997.0459213378223,
                        "parameters": {
                            "input 0": "Available",
                            "input 1": "Fully Booked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a27d6096-a775-2d61-6cff-6a7b7fb2078f",
                        "type": "Color Blend",
                        "x": -328.60143775812185,
                        "y": 445.4008633792057,
                        "parameters": {
                            "color 0": "#FFFFFF",
                            "color 1": "#0071DC"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fef2e0c3-569f-4f07-7b29-598d00ecc42a",
                        "type": "Color Blend",
                        "x": 115.93560434177016,
                        "y": 476.24195003206887,
                        "parameters": {
                            "color 1": "#f1f1f3"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0c1d2818-83ed-165a-b085-c50ee00d25d5",
                        "type": "Number Blend",
                        "x": 175.49080615419598,
                        "y": 695.3200138420634,
                        "parameters": {
                            "input 1": 0
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7fd381a8-47ef-54ad-910d-8e17453e8171",
                        "type": "Color Blend",
                        "x": 90.41194642215908,
                        "y": 1150.49191340846,
                        "parameters": {
                            "color 0": "#000000",
                            "color 1": "#9d9fa2"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Day And Slot Picker",
            "graph": {
                "connections": [
                    {
                        "fromId": "49bf1b20-51a8-51f0-320a-4898a7d48dba",
                        "fromProperty": "Mounted",
                        "toId": "2105b97f-67c1-0f2b-0456-43bc79f47ce7",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "49bf1b20-51a8-51f0-320a-4898a7d48dba",
                        "fromProperty": "type",
                        "toId": "e0ee012b-d718-e1d6-2156-22a6fa9445ab",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f55efabc-c20e-bc0b-3a72-4ca98c52a967",
                        "fromProperty": "at-delivery",
                        "toId": "c64eb158-d89f-f9b9-18ff-1f5184bee61f",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "f55efabc-c20e-bc0b-3a72-4ca98c52a967",
                        "fromProperty": "at-pickup",
                        "toId": "3968d56d-71c3-480a-732b-9f00299352a4",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "040734e5-5ba5-e3af-db20-ca057c0a28b2",
                        "fromProperty": "dayIndex",
                        "toId": "a3ff707f-b2c3-ecc7-76f0-623f6d919d4f",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a3ff707f-b2c3-ecc7-76f0-623f6d919d4f",
                        "fromProperty": "savedValue",
                        "toId": "471c454b-6ec7-5fbb-59ca-3000b1fa0fd7",
                        "toProperty": "Day Index"
                    },
                    {
                        "fromId": "49bf1b20-51a8-51f0-320a-4898a7d48dba",
                        "fromProperty": "type",
                        "toId": "471c454b-6ec7-5fbb-59ca-3000b1fa0fd7",
                        "toProperty": "Type"
                    },
                    {
                        "fromId": "49bf1b20-51a8-51f0-320a-4898a7d48dba",
                        "fromProperty": "type",
                        "toId": "f55efabc-c20e-bc0b-3a72-4ca98c52a967",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "040734e5-5ba5-e3af-db20-ca057c0a28b2",
                        "fromProperty": "dayIndex",
                        "toId": "cbad662d-ee49-2b64-c2b8-9c21238d4bf6",
                        "toProperty": "selectedDayIndex"
                    },
                    {
                        "fromId": "040734e5-5ba5-e3af-db20-ca057c0a28b2",
                        "fromProperty": "eventReceived",
                        "toId": "cbad662d-ee49-2b64-c2b8-9c21238d4bf6",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "a3ff707f-b2c3-ecc7-76f0-623f6d919d4f",
                        "fromProperty": "savedValue",
                        "toId": "40cc3263-b2b2-b71a-d66c-2ccaf1289c94",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "40cc3263-b2b2-b71a-d66c-2ccaf1289c94",
                        "fromProperty": "valueChanged",
                        "toId": "425c1245-a958-1e89-a876-32fe4f2f60f5",
                        "toProperty": "scrollToIndex.do"
                    },
                    {
                        "fromId": "471c454b-6ec7-5fbb-59ca-3000b1fa0fd7",
                        "fromProperty": "Selected Option Id",
                        "toId": "4d16b310-80ea-49b6-f11c-c23533f4244c",
                        "toProperty": "Selected Option Id"
                    },
                    {
                        "fromId": "471c454b-6ec7-5fbb-59ca-3000b1fa0fd7",
                        "fromProperty": "Selection Changed",
                        "toId": "4d16b310-80ea-49b6-f11c-c23533f4244c",
                        "toProperty": "Selection Changed"
                    }
                ],
                "roots": [
                    {
                        "id": "2105b97f-67c1-0f2b-0456-43bc79f47ce7",
                        "type": "Group",
                        "label": "Delivery Options",
                        "x": 317,
                        "y": 323,
                        "parameters": {
                            "showScrollbar": false,
                            "style": "{\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c64eb158-d89f-f9b9-18ff-1f5184bee61f",
                                "type": "Group",
                                "label": "ADRESS",
                                "x": 20,
                                "y": 97,
                                "parameters": {
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "cd607a28-ffe4-5333-9099-31b11c080744",
                                        "type": "/Time Slot Picker/Delivery/Deliver Address",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "3968d56d-71c3-480a-732b-9f00299352a4",
                                "type": "Group",
                                "label": "ADRESS",
                                "x": 20,
                                "y": 240,
                                "parameters": {
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6a5d7f96-b0bb-a478-dd0d-d05946999178",
                                        "type": "/Time Slot Picker/Delivery/Pickup Address",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "6b233389-5e47-6750-6b24-8e43abb6339b",
                                "type": "/UI Components/Design System/Divider",
                                "x": 20,
                                "y": 383,
                                "parameters": {
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "49267953-3c1b-79b0-7282-ee6a2cd7b0fd",
                                "type": "Group",
                                "label": "DAY PICKER",
                                "x": 20,
                                "y": 429,
                                "parameters": {
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight",
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "clip": false,
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "1303cc62-b364-eec0-9793-3ae417b63902",
                                        "type": "/Time Slot Picker/Delivery/Day Picker",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "c030f296-861a-bb27-5b1e-02566e39f1b9",
                                "type": "Group",
                                "x": 20,
                                "y": 536,
                                "parameters": {
                                    "clip": true,
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "9e2856c5-b3e0-b2b7-97a5-80c25ebf2baf",
                                        "type": "/UI Components/Design System/Divider",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Padding Left": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "Padding Right": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "Margin Bottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "Margin Top": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "425c1245-a958-1e89-a876-32fe4f2f60f5",
                                        "type": "Group",
                                        "label": "TIME PICKER",
                                        "x": 20,
                                        "y": 92,
                                        "parameters": {
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "sizeMode": "explicit",
                                            "clip": false,
                                            "style": "{\n}",
                                            "scrollBehavior": "noodl",
                                            "showScrollbar": false,
                                            "scrollToIndex.duration": 1,
                                            "backgroundColor": "#EDEDED",
                                            "paddingTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "471c454b-6ec7-5fbb-59ca-3000b1fa0fd7",
                                                "type": "/Time Slot Picker/Delivery/Slot Picker",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "Type": "delivery"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "49bf1b20-51a8-51f0-320a-4898a7d48dba",
                        "type": "Component Inputs",
                        "x": -11.089053228118729,
                        "y": 339.3575339079754,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "type",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e0ee012b-d718-e1d6-2156-22a6fa9445ab",
                        "type": "String",
                        "label": "Type",
                        "x": 307.970315590627,
                        "y": 171.1191779693251,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "040734e5-5ba5-e3af-db20-ca057c0a28b2",
                        "type": "Event Receiver",
                        "x": 602.9502769240534,
                        "y": 281.08420696925543,
                        "parameters": {
                            "channelName": "Time Slot Day Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f55efabc-c20e-bc0b-3a72-4ca98c52a967",
                        "type": "States",
                        "x": -51.79562129124747,
                        "y": 608.6430135631902,
                        "parameters": {
                            "states": "delivery,pickup",
                            "duration-delivery": 0,
                            "duration-pickup": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "delivery Transition",
                                "name": "transition-delivery",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "delivery Transition",
                                "name": "duration-delivery",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To delivery",
                                "name": "to-delivery",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At delivery",
                                "name": "at-delivery",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached delivery",
                                "name": "reached-delivery",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "pickup Transition",
                                "name": "transition-pickup",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "pickup Transition",
                                "name": "duration-pickup",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To pickup",
                                "name": "to-pickup",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At pickup",
                                "name": "at-pickup",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached pickup",
                                "name": "reached-pickup",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "delivery",
                                        "pickup"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "delivery",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a3ff707f-b2c3-ecc7-76f0-623f6d919d4f",
                        "type": "Number",
                        "label": "Selected Day Index",
                        "x": 854.4900929944667,
                        "y": 604.2858707060473,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cbad662d-ee49-2b64-c2b8-9c21238d4bf6",
                        "type": "Model",
                        "x": 605.9627935522865,
                        "y": 407.6774026924424,
                        "parameters": {
                            "modelId": "time-slot-picker-state",
                            "properties": "activeType,selectedDayIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "activeType",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "selectedDayIndex",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "40cc3263-b2b2-b71a-d66c-2ccaf1289c94",
                        "type": "Value Changed",
                        "x": 841.5961493459857,
                        "y": 825.4853673766942,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4d16b310-80ea-49b6-f11c-c23533f4244c",
                        "type": "Component Outputs",
                        "x": 825.4061410531867,
                        "y": 1047.2524167949173,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Selected Option Id",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Selection Changed",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Pickup Address",
            "graph": {
                "connections": [
                    {
                        "fromId": "d68a3953-2e77-cd7b-0694-36adf05da7e5",
                        "fromProperty": "Mounted",
                        "toId": "0ecfc919-7412-f1c9-556c-94563abb08ce",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "0b4bb5c8-cc78-4930-056d-fb4f04c9ab0b",
                        "fromProperty": "Store Address",
                        "toId": "e8303889-b3c3-3c25-e3d9-67d69f75e2a8",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b91ddbea-3ea1-971c-ccb1-fe6b3c12a6c5",
                        "fromProperty": "Store Name",
                        "toId": "3517c4ca-d542-6b09-5277-d6593803844b",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "0ecfc919-7412-f1c9-556c-94563abb08ce",
                        "type": "Group",
                        "x": 636.7433588530225,
                        "y": 347,
                        "parameters": {
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ee7095b9-87c9-bde7-0f6f-c756930d7eb7",
                                "type": "Group",
                                "x": 656.7433588530225,
                                "y": 429,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "flexDirection": "column",
                                    "marginLeft": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 7,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e8303889-b3c3-3c25-e3d9-67d69f75e2a8",
                                        "type": "Text",
                                        "x": 676.7433588530225,
                                        "y": 475,
                                        "parameters": {
                                            "text": "Walmart | 9410 Webb Chapel Rd",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "sizeMode": "contentSize",
                                            "alignY": "center",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 2,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "cb036662-395a-68c6-56d2-06a2fbd5408d",
                                        "type": "Group",
                                        "x": 676.7433588530225,
                                        "y": 557,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3517c4ca-d542-6b09-5277-d6593803844b",
                                                "type": "Text",
                                                "x": 696.7433588530225,
                                                "y": 603,
                                                "parameters": {
                                                    "text": "",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "color": "#46474A"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "d49d12d4-c92e-dea3-f57f-f56d49d20f6c",
                                                "type": "Text",
                                                "x": 696.7433588530225,
                                                "y": 685,
                                                "parameters": {
                                                    "text": ".",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "sizeMode": "contentSize",
                                                    "alignY": "top",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    },
                                                    "color": "#46474A",
                                                    "marginBottom": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "transformY": {
                                                        "value": -3,
                                                        "unit": "px"
                                                    },
                                                    "marginRight": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "0d430287-5e18-2b0b-ead2-6dfacc60a3c3",
                                                "type": "Text",
                                                "x": 696.7433588530225,
                                                "y": 731,
                                                "parameters": {
                                                    "text": "4.4 miles",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "color": "#46474A"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "c9485b5c-2c13-086b-6970-1426eff0a521",
                                "type": "Group",
                                "x": 656.7433588530225,
                                "y": 777,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "825cb611-6466-5c67-07aa-71e48dc998b9",
                                        "type": "Text",
                                        "x": 676.7433588530225,
                                        "y": 823,
                                        "parameters": {
                                            "text": "Change",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "sizeMode": "contentSize",
                                            "alignY": "center",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "bb9e2e3e-5fea-b9b5-f715-6346443b4ff5",
                                        "type": "Group",
                                        "x": 676.7433588530225,
                                        "y": 869,
                                        "parameters": {
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#000000"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "d68a3953-2e77-cd7b-0694-36adf05da7e5",
                        "type": "Component Inputs",
                        "x": 83.74335885302253,
                        "y": 394.5,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b91ddbea-3ea1-971c-ccb1-fe6b3c12a6c5",
                        "type": "Globals",
                        "x": 202.24335885302253,
                        "y": 759.25,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryShortAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0b4bb5c8-cc78-4930-056d-fb4f04c9ab0b",
                        "type": "Globals",
                        "x": 190.24335885302253,
                        "y": 641.25,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryShortAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Address",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Slot Picker Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "21646629-346f-d40b-0791-1f8e2bd5fd53",
                        "fromProperty": "itemId",
                        "toId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "value",
                        "toId": "1bde424c-b9a2-4052-f048-ef0cd211a06d",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "1bde424c-b9a2-4052-f048-ef0cd211a06d",
                        "fromProperty": "Time Label",
                        "toId": "6bfce701-b39d-dc3f-a092-981cde4a9bdb",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "f07873c7-6093-7a94-50b8-365197fdea5d",
                        "fromProperty": "formatted",
                        "toId": "6c14f218-2331-4bc9-8fae-6e83fc30f969",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "38ce9f11-c866-5590-e5a4-af743140d06f",
                        "fromProperty": "result",
                        "toId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "toProperty": "to-Selected"
                    },
                    {
                        "fromId": "7ba28ca7-5133-c3cf-ba06-3ff9e0314890",
                        "fromProperty": "result",
                        "toId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "4e59801b-dbc1-e2ac-9d3b-ed4992b37e53",
                        "fromProperty": "onClick",
                        "toId": "4925befa-b4e4-be68-76dd-930341a9b97f",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "value",
                        "toId": "4925befa-b4e4-be68-76dd-930341a9b97f",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "optionId",
                        "toId": "4925befa-b4e4-be68-76dd-930341a9b97f",
                        "toProperty": "optionId"
                    },
                    {
                        "fromId": "6c14f218-2331-4bc9-8fae-6e83fc30f969",
                        "fromProperty": "optionId",
                        "toId": "38ce9f11-c866-5590-e5a4-af743140d06f",
                        "toProperty": "selectedId"
                    },
                    {
                        "fromId": "6c14f218-2331-4bc9-8fae-6e83fc30f969",
                        "fromProperty": "optionId",
                        "toId": "7ba28ca7-5133-c3cf-ba06-3ff9e0314890",
                        "toProperty": "selectedId"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "optionId",
                        "toId": "7ba28ca7-5133-c3cf-ba06-3ff9e0314890",
                        "toProperty": "myId"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "optionId",
                        "toId": "38ce9f11-c866-5590-e5a4-af743140d06f",
                        "toProperty": "myId"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "type",
                        "toId": "4925befa-b4e4-be68-76dd-930341a9b97f",
                        "toProperty": "optionType"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "type",
                        "toId": "f07873c7-6093-7a94-50b8-365197fdea5d",
                        "toProperty": "groupId"
                    },
                    {
                        "fromId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "fromProperty": "at-Selected",
                        "toId": "90a72fca-ebaa-642e-f451-fadae3260daa",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "fromProperty": "at-Default",
                        "toId": "79f81218-45ef-c8ce-bde1-39bbb9787c08",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "price",
                        "toId": "e192e208-ad06-fa25-7c2c-78bbbdfa5726",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "fromProperty": "Fill Opacity",
                        "toId": "c12d896b-30e1-a70c-71ea-9ef04a71137d",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "fromProperty": "Fill Scale",
                        "toId": "c12d896b-30e1-a70c-71ea-9ef04a71137d",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "fromProperty": "busy",
                        "toId": "7278085c-1bc5-18d1-4315-d1d5d532ebcb",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "7278085c-1bc5-18d1-4315-d1d5d532ebcb",
                        "fromProperty": "currentValue",
                        "toId": "4b5e9d52-154c-a12c-c283-01308e0cda0c",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "4b5e9d52-154c-a12c-c283-01308e0cda0c",
                        "fromProperty": "at-Available",
                        "toId": "4e59801b-dbc1-e2ac-9d3b-ed4992b37e53",
                        "toProperty": "pointerEventsEnabled"
                    },
                    {
                        "fromId": "4b5e9d52-154c-a12c-c283-01308e0cda0c",
                        "fromProperty": "Opacity",
                        "toId": "3090fd9d-4c19-22d0-4dba-cbd12e1f4d4d",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "4b5e9d52-154c-a12c-c283-01308e0cda0c",
                        "fromProperty": "Opacity",
                        "toId": "e21f5e24-5dbc-7f4a-15c0-4fc2cae3a975",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "1bde424c-b9a2-4052-f048-ef0cd211a06d",
                        "fromProperty": "Time Label",
                        "toId": "edf5e249-5b8d-cbb1-4a3d-b7a9f840ba60",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "fromProperty": "at-Default",
                        "toId": "6bfce701-b39d-dc3f-a092-981cde4a9bdb",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "fromProperty": "at-Selected",
                        "toId": "edf5e249-5b8d-cbb1-4a3d-b7a9f840ba60",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "e192e208-ad06-fa25-7c2c-78bbbdfa5726",
                        "fromProperty": "Formatted Price",
                        "toId": "d6e812d6-8182-4d74-01b5-fd3b5041f553",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "d6e812d6-8182-4d74-01b5-fd3b5041f553",
                        "fromProperty": "mappedString",
                        "toId": "90a72fca-ebaa-642e-f451-fadae3260daa",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "d6e812d6-8182-4d74-01b5-fd3b5041f553",
                        "fromProperty": "mappedString",
                        "toId": "79f81218-45ef-c8ce-bde1-39bbb9787c08",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e192e208-ad06-fa25-7c2c-78bbbdfa5726",
                        "fromProperty": "Formatted Price",
                        "toId": "d6e812d6-8182-4d74-01b5-fd3b5041f553",
                        "toProperty": "defaultMapping"
                    },
                    {
                        "fromId": "4b5e9d52-154c-a12c-c283-01308e0cda0c",
                        "fromProperty": "at-Fully Booked",
                        "toId": "dd860b32-bac2-520c-27d8-208a835a133d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4b5e9d52-154c-a12c-c283-01308e0cda0c",
                        "fromProperty": "Opacity",
                        "toId": "217f5e1a-1920-9154-2690-7522ad870b5f",
                        "toProperty": "opacity"
                    }
                ],
                "roots": [
                    {
                        "id": "4e59801b-dbc1-e2ac-9d3b-ed4992b37e53",
                        "type": "Group",
                        "x": 669,
                        "y": 464,
                        "parameters": {
                            "flexDirection": "row",
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            },
                            "pointerEventsMode": "explicit",
                            "sizeMode": "explicit",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "height": {
                                "value": 60,
                                "unit": "px"
                            },
                            "backgroundColor": "#FFFFFF",
                            "borderRadius": 10,
                            "boxShadowEnabled": true,
                            "boxShadowOffsetY": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 5,
                                "unit": "px"
                            },
                            "boxShadowSpreadRadius": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowColor": "rgba(0,0,0,0.05)"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "3090fd9d-4c19-22d0-4dba-cbd12e1f4d4d",
                                "type": "Group",
                                "x": 689,
                                "y": 586,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a4f0fce9-334e-c19b-f988-6ca7f2bddede",
                                        "type": "Group",
                                        "label": "Circle Outline",
                                        "x": 709,
                                        "y": 668,
                                        "parameters": {
                                            "width": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "borderRadius": 10,
                                            "borderStyle": "solid",
                                            "borderWidth": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "borderColor": "#000000"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "c12d896b-30e1-a70c-71ea-9ef04a71137d",
                                                "type": "Group",
                                                "label": "Circle Fill",
                                                "x": 729,
                                                "y": 729,
                                                "parameters": {
                                                    "width": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#000000",
                                                    "borderRadius": 5,
                                                    "position": "absolute",
                                                    "alignX": "center",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "e21f5e24-5dbc-7f4a-15c0-4fc2cae3a975",
                                "type": "Group",
                                "label": "Label",
                                "x": 689,
                                "y": 846,
                                "parameters": {
                                    "flexDirection": "column"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "cb6ab020-5c7f-1441-fb67-575c4b8c7967",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignY": "center",
                                            "position": "absolute",
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "6bfce701-b39d-dc3f-a092-981cde4a9bdb",
                                                "type": "Text",
                                                "label": "Regular Label",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "text": "Within 1 hour",
                                                    "alignX": "left",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "textAlign": "left",
                                                    "marginLeft": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "position": "absolute",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "edf5e249-5b8d-cbb1-4a3d-b7a9f840ba60",
                                                "type": "Text",
                                                "label": "Bold Label",
                                                "x": 20,
                                                "y": 163,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "text": "Within 1 hour",
                                                    "alignX": "left",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "textAlign": "left",
                                                    "marginLeft": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center",
                                                    "marginRight": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "dd860b32-bac2-520c-27d8-208a835a133d",
                                                "type": "Group",
                                                "x": 729,
                                                "y": 1203,
                                                "parameters": {
                                                    "paddingLeft": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "borderStyle": "solid",
                                                    "borderWidth": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentWidth",
                                                    "paddingTop": {
                                                        "value": 3,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 6,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 3,
                                                        "unit": "px"
                                                    },
                                                    "alignY": "center",
                                                    "borderRadius": 3
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "44bafd0b-e95e-dec7-a97a-db0ef5da4d96",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 82,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "alignY": "center",
                                                            "text": "Full",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "217f5e1a-1920-9154-2690-7522ad870b5f",
                                "type": "Group",
                                "label": "Price",
                                "x": 689,
                                "y": 1340,
                                "parameters": {
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "90a72fca-ebaa-642e-f451-fadae3260daa",
                                        "type": "Text",
                                        "label": "Bold Price",
                                        "x": 709,
                                        "y": 1437,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "text": "$X.XX",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "textAlign": "left",
                                            "alignY": "center",
                                            "position": "absolute",
                                            "alignX": "right",
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "79f81218-45ef-c8ce-bde1-39bbb9787c08",
                                        "type": "Text",
                                        "x": 709,
                                        "y": 1574,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "text": "$X.XX",
                                            "alignX": "right",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "textAlign": "left",
                                            "position": "absolute",
                                            "alignY": "center",
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "21646629-346f-d40b-0791-1f8e2bd5fd53",
                        "type": "For Each Actions",
                        "x": -177,
                        "y": 665,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1e4f257e-f50f-bea8-10ff-0a36c1ed9a38",
                        "type": "Model",
                        "x": 145,
                        "y": 631,
                        "parameters": {
                            "properties": "label,value,optionId,busy,type,price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "label",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "value",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "optionId",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "busy",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "type",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1bde424c-b9a2-4052-f048-ef0cd211a06d",
                        "type": "/Components/Get Time Label",
                        "x": 398,
                        "y": 805,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "38ce9f11-c866-5590-e5a4-af743140d06f",
                        "type": "Expression",
                        "x": 174,
                        "y": 332,
                        "parameters": {
                            "expression": "selectedId === myId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "selectedId",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6c14f218-2331-4bc9-8fae-6e83fc30f969",
                        "type": "Model",
                        "label": "Selection",
                        "x": 502.0177358510082,
                        "y": 199.5233479683127,
                        "parameters": {
                            "properties": "value,optionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "optionId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f07873c7-6093-7a94-50b8-365197fdea5d",
                        "type": "String Format",
                        "x": 167.01773585100824,
                        "y": 220.5233479683127,
                        "parameters": {
                            "format": "{groupId}-selection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "groupId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cdc330a6-bc18-c3e5-08b8-1db83ff895b0",
                        "type": "States",
                        "x": 402.01773585100824,
                        "y": 504.5233479683127,
                        "parameters": {
                            "states": "Default,Selected",
                            "startState": "Default",
                            "values": "Fill Opacity,Fill Scale",
                            "value-Default-Fill Opacity": 0,
                            "value-Selected-Fill Opacity": 1,
                            "value-Default-Fill Scale": 0.5,
                            "duration-Selected": 150,
                            "value-Selected-Fill Scale": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Fill Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Fill Scale",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Fill Opacity",
                                "displayName": "Fill Opacity",
                                "editorName": "Default|Fill Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Fill Scale",
                                "displayName": "Fill Scale",
                                "editorName": "Default|Fill Scale",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Fill Opacity",
                                "displayName": "Fill Opacity",
                                "editorName": "Selected|Fill Opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Fill Scale",
                                "displayName": "Fill Scale",
                                "editorName": "Selected|Fill Scale",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Selected Transition",
                                "name": "transition-Selected",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Selected Transition",
                                "name": "duration-Selected",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Selected",
                                "name": "to-Selected",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Selected",
                                "name": "at-Selected",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Selected",
                                "name": "reached-Selected",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7ba28ca7-5133-c3cf-ba06-3ff9e0314890",
                        "type": "Expression",
                        "x": 174.0177358510083,
                        "y": 453.5233479683127,
                        "parameters": {
                            "expression": "selectedId !== myId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "selectedId",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4925befa-b4e4-be68-76dd-930341a9b97f",
                        "type": "Event Sender",
                        "x": 1018.0177358510082,
                        "y": 439.5233479683127,
                        "parameters": {
                            "channelName": "Time Picker Slot Selected",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "optionId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "value",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 2
                            },
                            {
                                "name": "optionType",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e192e208-ad06-fa25-7c2c-78bbbdfa5726",
                        "type": "/Components/Price Format",
                        "x": -36.127345093873544,
                        "y": 1279.0115233671704,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4b5e9d52-154c-a12c-c283-01308e0cda0c",
                        "type": "States",
                        "x": 134.87265490612657,
                        "y": 824.0115233671704,
                        "parameters": {
                            "states": "Available,Fully Booked",
                            "values": "Opacity",
                            "value-Available-Opacity": 1,
                            "value-Fully Booked-Opacity": 0.5,
                            "duration-Available": 0,
                            "duration-Fully Booked": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Available Values",
                                "name": "value-Available-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Available|Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Available Transition",
                                "name": "transition-Available",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Available Transition",
                                "name": "duration-Available",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Available",
                                "name": "to-Available",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Available",
                                "name": "at-Available",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Available",
                                "name": "reached-Available",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Fully Booked Values",
                                "name": "value-Fully Booked-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Fully Booked|Opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Fully Booked Transition",
                                "name": "transition-Fully Booked",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Fully Booked Transition",
                                "name": "duration-Fully Booked",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Fully Booked",
                                "name": "to-Fully Booked",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Fully Booked",
                                "name": "at-Fully Booked",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Fully Booked",
                                "name": "reached-Fully Booked",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Available",
                                        "Fully Booked"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Available",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7278085c-1bc5-18d1-4315-d1d5d532ebcb",
                        "type": "String Selector",
                        "x": -146.12734509387354,
                        "y": 860.0115233671704,
                        "parameters": {
                            "input 0": "Available",
                            "input 1": "Fully Booked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d6e812d6-8182-4d74-01b5-fd3b5041f553",
                        "type": "String Mapper",
                        "x": 203.86204953641698,
                        "y": 1332.0885623033137,
                        "parameters": {
                            "input 0": "FREE",
                            "output 0": "Free"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Delivery Option Null State Text",
            "graph": {
                "connections": [
                    {
                        "fromId": "bb32fa8d-a0a9-1c11-6bcb-9fbdbe8b1472",
                        "fromProperty": "hasSelection",
                        "toId": "62ea9015-9142-2d9e-f482-c057549f92be",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "e2180d7a-ed25-1f2f-6600-6d2418f8087a",
                        "fromProperty": "Has Selection Label",
                        "toId": "62ea9015-9142-2d9e-f482-c057549f92be",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "62ea9015-9142-2d9e-f482-c057549f92be",
                        "fromProperty": "currentValue",
                        "toId": "dcdb3039-a830-0c23-3304-402d14d8f7af",
                        "toProperty": "String"
                    },
                    {
                        "fromId": "e2180d7a-ed25-1f2f-6600-6d2418f8087a",
                        "fromProperty": "No Selection Label",
                        "toId": "6eeddded-b340-3b16-3967-cf12fd7cc513",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6eeddded-b340-3b16-3967-cf12fd7cc513",
                        "fromProperty": "savedValue",
                        "toId": "62ea9015-9142-2d9e-f482-c057549f92be",
                        "toProperty": "input 0"
                    }
                ],
                "roots": [
                    {
                        "id": "bb32fa8d-a0a9-1c11-6bcb-9fbdbe8b1472",
                        "type": "Model",
                        "x": 750,
                        "y": 439,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,hasSelection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e2180d7a-ed25-1f2f-6600-6d2418f8087a",
                        "type": "Component Inputs",
                        "x": 356,
                        "y": 624,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Selection Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "No Selection Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "62ea9015-9142-2d9e-f482-c057549f92be",
                        "type": "String Selector",
                        "x": 771,
                        "y": 582,
                        "parameters": {
                            "input 0": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dcdb3039-a830-0c23-3304-402d14d8f7af",
                        "type": "Component Outputs",
                        "x": 1042,
                        "y": 592,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "String",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6eeddded-b340-3b16-3967-cf12fd7cc513",
                        "type": "String",
                        "x": 422,
                        "y": 428,
                        "parameters": {
                            "value": "Select a Time"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Review Order Delivery Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "70e6e88a-5868-c333-a5e2-6c4528d6e84f",
                        "fromProperty": "items",
                        "toId": "2c170002-d27c-0a16-f68e-9351a06338d5",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "70e6e88a-5868-c333-a5e2-6c4528d6e84f",
                        "fromProperty": "count",
                        "toId": "d467142c-fa4c-bdbe-04d7-dd3ccf7bb4e3",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "d467142c-fa4c-bdbe-04d7-dd3ccf7bb4e3",
                        "fromProperty": "result",
                        "toId": "6987c929-8f40-4b11-4108-e850e2a30c3a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e17f9516-249a-86ac-ff05-0b478f17677d",
                        "fromProperty": "Collection Id",
                        "toId": "32127e8d-22be-4aef-4d2c-f7a9880254a9",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "32127e8d-22be-4aef-4d2c-f7a9880254a9",
                        "fromProperty": "savedValue",
                        "toId": "70e6e88a-5868-c333-a5e2-6c4528d6e84f",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "e17f9516-249a-86ac-ff05-0b478f17677d",
                        "fromProperty": "Arrival Label",
                        "toId": "fcb86429-7c0e-d899-1860-14941df6cace",
                        "toProperty": "arrivalLabel"
                    },
                    {
                        "fromId": "fcb86429-7c0e-d899-1860-14941df6cace",
                        "fromProperty": "formatted",
                        "toId": "189d72ff-6b21-64a5-cb71-4028ec0fd58b",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "94a5f9c9-564d-65ee-fdd2-d1debee1c810",
                        "fromProperty": "formatted",
                        "toId": "60486984-e429-235d-5896-0a21e409073c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "d448f326-ac5c-1365-661e-0dc0d1e7e9b7",
                        "fromProperty": "DeliveryAddress",
                        "toId": "94a5f9c9-564d-65ee-fdd2-d1debee1c810",
                        "toProperty": "deliveryAdress"
                    },
                    {
                        "fromId": "848be340-1be1-2d73-68c5-a5d62fb2498b",
                        "fromProperty": "Total Count",
                        "toId": "25f1ea89-7712-173b-9c2d-2779cea950c4",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "25f1ea89-7712-173b-9c2d-2779cea950c4",
                        "fromProperty": "formatted",
                        "toId": "124a05ab-8307-926e-1512-86d08077e668",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e17f9516-249a-86ac-ff05-0b478f17677d",
                        "fromProperty": "Title",
                        "toId": "17eb5189-2091-dd68-6530-22282dd4c803",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "17eb5189-2091-dd68-6530-22282dd4c803",
                        "fromProperty": "currentState",
                        "toId": "98d2fadb-f4f0-347d-0228-f1ec3e4a7051",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "98d2fadb-f4f0-347d-0228-f1ec3e4a7051",
                        "fromProperty": "mappedString",
                        "toId": "315f33f8-07fa-27c4-ea69-a12a1b1b1605",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "17eb5189-2091-dd68-6530-22282dd4c803",
                        "fromProperty": "Mount Delivery Components",
                        "toId": "9b121478-dc81-d263-37bb-5b731d5108e8",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "17eb5189-2091-dd68-6530-22282dd4c803",
                        "fromProperty": "Mount pickup Components",
                        "toId": "f7d7705a-d093-97e2-c4db-a330bdf71111",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "0fd25a59-a921-97d7-ae9f-f3706297ef64",
                        "fromProperty": "Store Name",
                        "toId": "32ebc786-2c60-b78a-93c2-4c09fcb9cb86",
                        "toProperty": "store_name"
                    },
                    {
                        "fromId": "32ebc786-2c60-b78a-93c2-4c09fcb9cb86",
                        "fromProperty": "formatted",
                        "toId": "555ba60f-68b1-71f5-e683-7ff9a9c5e690",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "17eb5189-2091-dd68-6530-22282dd4c803",
                        "fromProperty": "Mount Delivery Components",
                        "toId": "5565435d-e3d0-266c-d85a-b5d06faa4da2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "17eb5189-2091-dd68-6530-22282dd4c803",
                        "fromProperty": "Mount pickup Components",
                        "toId": "362c9bab-fdc4-c183-a8b6-9d926971ddfa",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "e17f9516-249a-86ac-ff05-0b478f17677d",
                        "type": "Component Inputs",
                        "x": 301.88087345383013,
                        "y": 204.7423181525977,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Category",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Collection Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Arrival Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 7
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6987c929-8f40-4b11-4108-e850e2a30c3a",
                        "type": "Group",
                        "label": "Content",
                        "x": 938.389825249875,
                        "y": 321,
                        "parameters": {
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            },
                            "mounted": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "d1f45427-23f6-11cf-715e-f2e1fa779bdb",
                                "type": "Group",
                                "x": 958.389825249875,
                                "y": 418,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "sizeMode": "contentHeight",
                                    "borderRadius": 8,
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#E6E6E6",
                                    "borderStyle": "solid",
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetX": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "boxShadowInset": false,
                                    "boxShadowColor": "rgba(0,0,0,0.05)",
                                    "clip": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a2788fbe-b91f-250e-0e94-f64189d0a3d9",
                                        "type": "Group",
                                        "label": "HEADER",
                                        "x": 978.389825249875,
                                        "y": 464,
                                        "parameters": {
                                            "flexDirection": "column",
                                            "marginBottom": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "91330069-3181-b82f-dec8-a3713ca900b7",
                                                "type": "Group",
                                                "x": 998.389825249875,
                                                "y": 525,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "mounted": true
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "315f33f8-07fa-27c4-ea69-a12a1b1b1605",
                                                        "type": "Text",
                                                        "label": "Delivery/Pickup ",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth",
                                                            "color": "#414042"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "9b121478-dc81-d263-37bb-5b731d5108e8",
                                                        "type": "Group",
                                                        "label": "Delivery Address",
                                                        "x": 20,
                                                        "y": 143,
                                                        "parameters": {
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "60486984-e429-235d-5896-0a21e409073c",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 97,
                                                                "parameters": {
                                                                    "sizeMode": "contentWidth",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "position": "relative",
                                                                    "alignX": "left",
                                                                    "alignY": "center",
                                                                    "color": "#000000",
                                                                    "text": " | by Thursday"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "1f5ddbda-9fb2-a782-64bd-850283cf0c47",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 179,
                                                                "parameters": {
                                                                    "text": "Edit\n",
                                                                    "textAlign": "right",
                                                                    "alignY": "center",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "style": "{\n    textDecoration:\"underline\"\n}",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "id": "f7d7705a-d093-97e2-c4db-a330bdf71111",
                                                        "type": "Group",
                                                        "label": "Pickup Address",
                                                        "x": 20,
                                                        "y": 368,
                                                        "parameters": {
                                                            "alignY": "center",
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "555ba60f-68b1-71f5-e683-7ff9a9c5e690",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 97,
                                                                "parameters": {
                                                                    "sizeMode": "contentWidth",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "fontSize": {
                                                                        "value": 12,
                                                                        "unit": "px"
                                                                    },
                                                                    "position": "relative",
                                                                    "alignX": "left",
                                                                    "alignY": "center",
                                                                    "color": "#000000",
                                                                    "text": " | by Thursday",
                                                                    "marginLeft": {
                                                                        "value": 2,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "4fde314a-c0c3-504c-01b2-75bb845aad38",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 179,
                                                                "parameters": {
                                                                    "text": "Edit\n",
                                                                    "textAlign": "right",
                                                                    "alignY": "center",
                                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                                    "style": "{\n    textDecoration:\"underline\"\n}",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "sizeMode": "contentHeight"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "bf656a53-8b56-9e2c-c9ed-51a01885ba05",
                                                "type": "Group",
                                                "x": 998.389825249875,
                                                "y": 781,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginTop": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "189d72ff-6b21-64a5-cb71-4028ec0fd58b",
                                                        "type": "Text",
                                                        "x": 1018.389825249875,
                                                        "y": 827,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 18,
                                                                "unit": "px"
                                                            },
                                                            "color": "#000000"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "c0d67754-8324-c63d-6130-a2f8b15426b1",
                                        "type": "Group",
                                        "label": "CARD DIVDER",
                                        "x": 978.389825249875,
                                        "y": 909,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F2F2F2",
                                            "width": {
                                                "value": 311,
                                                "unit": "px"
                                            },
                                            "position": "relative",
                                            "alignX": "center",
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "5565435d-e3d0-266c-d85a-b5d06faa4da2",
                                        "type": "Group",
                                        "label": "Delivery Instructions",
                                        "x": 978.389825249875,
                                        "y": 1307,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "5a33672a-932a-6a7d-dfaf-aba16e34ceb4",
                                                "type": "Group",
                                                "label": "Description",
                                                "x": 998.389825249875,
                                                "y": 1404,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "83307ea8-bcbf-9ce0-51f4-c68fff3f8fbd",
                                                        "type": "Text",
                                                        "x": 1018.389825249875,
                                                        "y": 1465,
                                                        "parameters": {
                                                            "text": "Delivery instructions",
                                                            "marginBottom": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "color": "#74767C"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "e4b7e815-c35c-b321-f204-75042ce99645",
                                                        "type": "Group",
                                                        "label": "delivery instruction option",
                                                        "x": 1018.389825249875,
                                                        "y": 1511,
                                                        "parameters": {
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "64d51668-0d19-6b14-1bf6-32062cefc05a",
                                                                "type": "Text",
                                                                "x": 1038.389825249875,
                                                                "y": 1572,
                                                                "parameters": {
                                                                    "text": "Please call me when you arrive",
                                                                    "sizeMode": "contentWidth",
                                                                    "alignY": "center",
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#46474A"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "9b46e01f-e0ff-7e20-0bd4-c89fc46b8554",
                                                                "type": "Image",
                                                                "x": 1038.389825249875,
                                                                "y": 1618,
                                                                "parameters": {
                                                                    "src": "icons/Pen.png",
                                                                    "srcSet": "icons/Pen.png, icons/Pen@2x.png 2x, icons/Pen@3x.png 3x",
                                                                    "alignY": "center",
                                                                    "marginLeft": {
                                                                        "value": 4,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "4a4d14f0-af3b-53f8-f92b-415ae55f7a48",
                                                "type": "Group",
                                                "label": "Pill",
                                                "x": 998.389825249875,
                                                "y": 1664,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "explicit",
                                                    "width": {
                                                        "value": 283,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 28,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginBottom": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "e8cbff19-c832-b68b-88ae-8d79453540ea",
                                                        "type": "Image",
                                                        "x": 1018.389825249875,
                                                        "y": 1725,
                                                        "parameters": {
                                                            "srcSet": "images/PIlls-order-review.png, images/PIlls-order-review@2x.png 2x, images/PIlls-order-review@3x.png 3x",
                                                            "sizeMode": "contentSize"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "362c9bab-fdc4-c183-a8b6-9d926971ddfa",
                                        "type": "Group",
                                        "label": "Pickup Instructions",
                                        "x": 20,
                                        "y": 1353,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "c5dee6fa-a19d-27ab-bb0a-63a217bc7d6a",
                                                "type": "Group",
                                                "label": "Description",
                                                "x": 998.389825249875,
                                                "y": 1404,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "197cfec6-b328-c0eb-e59e-736a6daf67cb",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 61,
                                                        "parameters": {
                                                            "text": "Alternate pickup person",
                                                            "marginBottom": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            },
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 12,
                                                                "unit": "px"
                                                            },
                                                            "color": "#74767C"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "27870381-7c62-990f-5db8-0cf73a2726a4",
                                                        "type": "Group",
                                                        "label": "Alternate pickup person",
                                                        "x": 20,
                                                        "y": 107,
                                                        "parameters": {
                                                            "flexDirection": "row"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "4c70e553-ea73-8c1a-2165-971647ab3209",
                                                                "type": "Text",
                                                                "x": 20,
                                                                "y": 61,
                                                                "parameters": {
                                                                    "text": "Chloe Wallace",
                                                                    "sizeMode": "contentWidth",
                                                                    "alignY": "center",
                                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                                    "fontSize": {
                                                                        "value": 14,
                                                                        "unit": "px"
                                                                    },
                                                                    "color": "#46474A"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "c6b8f04d-d63e-0376-79af-68c6882576c2",
                                                                "type": "Image",
                                                                "x": 1038.389825249875,
                                                                "y": 1618,
                                                                "parameters": {
                                                                    "src": "icons/Pen.png",
                                                                    "srcSet": "icons/Pen.png, icons/Pen@2x.png 2x, icons/Pen@3x.png 3x",
                                                                    "alignY": "center",
                                                                    "marginLeft": {
                                                                        "value": 4,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "1d59e961-4fcb-0fea-7612-b5aebd9708a7",
                                        "type": "Group",
                                        "label": "CARD DIVDER",
                                        "x": 978.389825249875,
                                        "y": 1398,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#F2F2F2",
                                            "width": {
                                                "value": 311,
                                                "unit": "px"
                                            },
                                            "position": "relative",
                                            "alignX": "center",
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "08542a01-da9b-db39-4eb9-2712e5d21e7d",
                                        "type": "Group",
                                        "label": "Mobile contact",
                                        "x": 978.389825249875,
                                        "y": 1459,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "75212a8f-b389-5899-459a-67de61ed3378",
                                                "type": "Text",
                                                "x": 998.389825249875,
                                                "y": 1520,
                                                "parameters": {
                                                    "text": "Mobile contact",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "color": "#74767C"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "f2aae452-70e2-6623-bce1-51ed5b0377c0",
                                                "type": "Group",
                                                "label": "Number",
                                                "x": 998.389825249875,
                                                "y": 1566,
                                                "parameters": {
                                                    "flexDirection": "row"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "1bed8dc5-0fa7-57e2-39b8-109716ebfd3c",
                                                        "type": "Text",
                                                        "x": 1018.389825249875,
                                                        "y": 1627,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "alignY": "top",
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "color": "#46474A",
                                                            "text": "(469) 326-3410"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "179a8efc-d75d-dbba-1476-74e3abef102e",
                                                        "type": "Image",
                                                        "x": 1018.389825249875,
                                                        "y": 1673,
                                                        "parameters": {
                                                            "src": "icons/Pen.png",
                                                            "srcSet": "icons/Pen.png, icons/Pen@2x.png 2x, icons/Pen@3x.png 3x",
                                                            "alignY": "center",
                                                            "marginLeft": {
                                                                "value": 4,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "f74e1841-53e9-43c7-cb93-b57eb08fc8b1",
                                        "type": "Group",
                                        "x": 978.389825249875,
                                        "y": 1719,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b46545af-660d-7fb1-6659-448d1c16f40a",
                                                "type": "/Components/Divider",
                                                "x": 998.389825249875,
                                                "y": 1765,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "124a05ab-8307-926e-1512-86d08077e668",
                                        "type": "Text",
                                        "x": 978.389825249875,
                                        "y": 1811,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "color": "#74767C",
                                            "text": "X items"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "8896ea52-b7d9-094d-f228-244cf8ccc57d",
                                        "type": "Group",
                                        "label": "items",
                                        "x": 978.389825249875,
                                        "y": 1893,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row",
                                            "clip": false,
                                            "marginBottom": {
                                                "value": 24,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2c170002-d27c-0a16-f68e-9351a06338d5",
                                                "type": "For Each",
                                                "x": 998.389825249875,
                                                "y": 1954,
                                                "parameters": {
                                                    "templateType": "explicit",
                                                    "template": "/Checkout/Checkout Item"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "89bbb584-ebf1-5ec6-d6af-3d1fb42f9c5d",
                                        "type": "Group",
                                        "label": "Allow substitution",
                                        "x": 20,
                                        "y": 1618,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 14,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "22d914fa-52f7-19de-ac83-c7ab21403a78",
                                                "type": "Image",
                                                "x": 998.389825249875,
                                                "y": 2097,
                                                "parameters": {
                                                    "srcSet": "icons/Blue-checkbox.png, icons/Blue-checkbox@2x.png 2x, icons/Blue-checkbox@3x.png 3x",
                                                    "marginRight": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "5de81752-a54a-824e-c796-6e5a641b9ee4",
                                                "type": "Text",
                                                "x": 998.389825249875,
                                                "y": 2143,
                                                "parameters": {
                                                    "text": "Allow substitutions for eligible items",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "color": "#74767C",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "70e6e88a-5868-c333-a5e2-6c4528d6e84f",
                        "type": "Collection",
                        "x": 598.9724417603215,
                        "y": 914.367150439348,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d448f326-ac5c-1365-661e-0dc0d1e7e9b7",
                        "type": "Globals",
                        "x": 1676.8243450159157,
                        "y": 731.4612940502432,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d467142c-fa4c-bdbe-04d7-dd3ccf7bb4e3",
                        "type": "Expression",
                        "x": 585.7371222804524,
                        "y": 757.5838378718481,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "32127e8d-22be-4aef-4d2c-f7a9880254a9",
                        "type": "String",
                        "x": 618.3202990622424,
                        "y": 1041.6636993550615,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fcb86429-7c0e-d899-1860-14941df6cace",
                        "type": "String Format",
                        "x": 608.1397878495761,
                        "y": 595.5957392723432,
                        "parameters": {
                            "format": "{arrivalLabel}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "arrivalLabel",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "94a5f9c9-564d-65ee-fdd2-d1debee1c810",
                        "type": "String Format",
                        "x": 1422.037813524602,
                        "y": 712.7020055916346,
                        "parameters": {
                            "format": " to {deliveryAdress}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "deliveryAdress",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "25f1ea89-7712-173b-9c2d-2779cea950c4",
                        "type": "String Format",
                        "x": 711.1160417786056,
                        "y": 1805.3838175029048,
                        "parameters": {
                            "format": "{items} items",
                            "number": "138.54"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "848be340-1be1-2d73-68c5-a5d62fb2498b",
                        "type": "/Cart/Cart Totals",
                        "x": 518.3406265346065,
                        "y": 1799.1779817625782,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "17eb5189-2091-dd68-6530-22282dd4c803",
                        "type": "States",
                        "x": 220.74369215224243,
                        "y": 863.6466688900849,
                        "parameters": {
                            "states": "Delivery,Pickup",
                            "duration-Delivery": 0,
                            "duration-Pickup": 0,
                            "values": "Mount pickup Components,Mount Delivery Components",
                            "value-Delivery-Mount pickup Components": 0,
                            "value-Pickup-Mount pickup Components": 1,
                            "value-Delivery-Mount Delivery Components": 1,
                            "value-Pickup-Mount Delivery Components": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Mount pickup Components",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Mount Delivery Components",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Delivery Values",
                                "name": "value-Delivery-Mount pickup Components",
                                "displayName": "Mount pickup Components",
                                "editorName": "Delivery|Mount pickup Components",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Delivery Values",
                                "name": "value-Delivery-Mount Delivery Components",
                                "displayName": "Mount Delivery Components",
                                "editorName": "Delivery|Mount Delivery Components",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Delivery Transition",
                                "name": "transition-Delivery",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Delivery Transition",
                                "name": "duration-Delivery",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Delivery",
                                "name": "to-Delivery",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Delivery",
                                "name": "at-Delivery",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Delivery",
                                "name": "reached-Delivery",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Pickup Values",
                                "name": "value-Pickup-Mount pickup Components",
                                "displayName": "Mount pickup Components",
                                "editorName": "Pickup|Mount pickup Components",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Pickup Values",
                                "name": "value-Pickup-Mount Delivery Components",
                                "displayName": "Mount Delivery Components",
                                "editorName": "Pickup|Mount Delivery Components",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Pickup Transition",
                                "name": "transition-Pickup",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Pickup Transition",
                                "name": "duration-Pickup",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Pickup",
                                "name": "to-Pickup",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Pickup",
                                "name": "at-Pickup",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Pickup",
                                "name": "reached-Pickup",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Delivery",
                                        "Pickup"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Delivery",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "98d2fadb-f4f0-347d-0228-f1ec3e4a7051",
                        "type": "String Mapper",
                        "x": 644.5985164750023,
                        "y": 369.32036827964635,
                        "parameters": {
                            "input 0": "Delivery",
                            "output 0": "Deliver",
                            "input 1": "Pickup",
                            "output 1": "Curbside pickup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0fd25a59-a921-97d7-ae9f-f3706297ef64",
                        "type": "Globals",
                        "x": 1448.076917285504,
                        "y": 1000.8686410516261,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Store Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "32ebc786-2c60-b78a-93c2-4c09fcb9cb86",
                        "type": "String Format",
                        "x": 1227.076917285504,
                        "y": 973.8686410516261,
                        "parameters": {
                            "format": "at {store_name}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "store_name",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Review Order Shipping Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "6f00333b-a6e7-509a-b090-aa683c0e44a4",
                        "fromProperty": "items",
                        "toId": "126d349d-0999-d537-3ea4-76b29487bebf",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "6f00333b-a6e7-509a-b090-aa683c0e44a4",
                        "fromProperty": "count",
                        "toId": "f5ccf6b0-02d7-989f-38d2-972ff207f1fb",
                        "toProperty": "c"
                    },
                    {
                        "fromId": "f5ccf6b0-02d7-989f-38d2-972ff207f1fb",
                        "fromProperty": "result",
                        "toId": "06c68516-0b8f-f356-9b36-d0ae180ed57d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "fd13d053-6d89-c7f0-2ded-e4245ee2fee2",
                        "fromProperty": "Collection Id",
                        "toId": "dc6be999-3b32-c86f-3c30-e6385b68cd28",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "dc6be999-3b32-c86f-3c30-e6385b68cd28",
                        "fromProperty": "savedValue",
                        "toId": "6f00333b-a6e7-509a-b090-aa683c0e44a4",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "fd13d053-6d89-c7f0-2ded-e4245ee2fee2",
                        "fromProperty": "Arrival Label",
                        "toId": "29a461d0-70fd-7459-1763-2d45d2f938ba",
                        "toProperty": "arrivalLabel"
                    },
                    {
                        "fromId": "29a461d0-70fd-7459-1763-2d45d2f938ba",
                        "fromProperty": "formatted",
                        "toId": "2cbf5439-97d5-e5ae-8fc2-328ee2d02558",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "06b7e688-16c4-0003-756a-c153295a64c2",
                        "fromProperty": "formatted",
                        "toId": "394b81fc-9d60-4b32-2ff2-927d36fc3b18",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "3c9f7546-df1a-7a8f-4411-298d8bab673a",
                        "fromProperty": "DeliveryAddress",
                        "toId": "06b7e688-16c4-0003-756a-c153295a64c2",
                        "toProperty": "deliveryAdress"
                    },
                    {
                        "fromId": "30c6e76d-d548-fcd9-a478-1fe7aec94a6b",
                        "fromProperty": "Total Count",
                        "toId": "265c0358-56a2-ccfc-9403-e3b939a9ab3d",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "265c0358-56a2-ccfc-9403-e3b939a9ab3d",
                        "fromProperty": "formatted",
                        "toId": "3cfd4cdc-317d-ca2b-c95f-7d3d6a620f82",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "fd13d053-6d89-c7f0-2ded-e4245ee2fee2",
                        "type": "Component Inputs",
                        "x": 395.659797905864,
                        "y": 578.3599827466651,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Category",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Collection Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Arrival Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 7
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "06c68516-0b8f-f356-9b36-d0ae180ed57d",
                        "type": "Group",
                        "label": "Content",
                        "x": 838.1687497019088,
                        "y": 738.6176645940674,
                        "parameters": {
                            "marginTop": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 10,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 10,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginBottom": {
                                "value": 10,
                                "unit": "px"
                            },
                            "mounted": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "55793aa2-e97f-95ec-110d-0c1f80a43b05",
                                "type": "Group",
                                "x": 958.389825249875,
                                "y": 418,
                                "parameters": {
                                    "backgroundColor": "#FFFFFF",
                                    "sizeMode": "contentHeight",
                                    "borderRadius": 8,
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#E6E6E6",
                                    "borderStyle": "solid",
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetY": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetX": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "boxShadowInset": false,
                                    "boxShadowColor": "rgba(0,0,0,0.05)",
                                    "clip": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "63e79443-df2c-12d6-e657-7657e5958c7e",
                                        "type": "Group",
                                        "label": "HEADER",
                                        "x": 978.389825249875,
                                        "y": 464,
                                        "parameters": {
                                            "flexDirection": "column",
                                            "marginBottom": {
                                                "value": 15,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "7e22537c-c492-60c1-6daf-de5fe1bb84ac",
                                                "type": "Group",
                                                "x": 998.389825249875,
                                                "y": 525,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "mounted": true
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "7d769152-bd62-a4cc-b0fb-af07c6e3fdf2",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "sizeMode": "contentWidth",
                                                            "color": "#414042",
                                                            "text": "Ship"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "394b81fc-9d60-4b32-2ff2-927d36fc3b18",
                                                        "type": "Text",
                                                        "x": 1018.389825249875,
                                                        "y": 653,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "position": "relative",
                                                            "alignX": "left",
                                                            "alignY": "center",
                                                            "color": "#000000",
                                                            "text": " | by Thursday"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "1ed2122f-9d8c-b126-28ad-88c9275e36c7",
                                                "type": "Group",
                                                "x": 998.389825249875,
                                                "y": 781,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "marginTop": {
                                                        "value": 2,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "2cbf5439-97d5-e5ae-8fc2-328ee2d02558",
                                                        "type": "Text",
                                                        "x": 1018.389825249875,
                                                        "y": 827,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 18,
                                                                "unit": "px"
                                                            },
                                                            "color": "#000000"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "bff79094-28be-1278-c689-fe4a437d86ba",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 531,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b327cd89-f2af-fe82-b006-f187af9a3e69",
                                                "type": "/Components/Divider",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "3cfd4cdc-317d-ca2b-c95f-7d3d6a620f82",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 501,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "color": "#74767C",
                                            "text": "X items"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "8641410d-9205-1d3e-d42c-3eb84c7fc1d9",
                                        "type": "Group",
                                        "label": "items",
                                        "x": 20,
                                        "y": 583,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 5,
                                                "unit": "px"
                                            },
                                            "flexDirection": "row",
                                            "clip": false,
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "126d349d-0999-d537-3ea4-76b29487bebf",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "templateType": "explicit",
                                                    "template": "/Checkout/Checkout Item"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "6f00333b-a6e7-509a-b090-aa683c0e44a4",
                        "type": "Collection",
                        "x": 498.7513662123554,
                        "y": 1331.9848150334155,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3c9f7546-df1a-7a8f-4411-298d8bab673a",
                        "type": "Globals",
                        "x": 1354.6032694679495,
                        "y": 1071.0789586443107,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f5ccf6b0-02d7-989f-38d2-972ff207f1fb",
                        "type": "Expression",
                        "x": 485.5160467324862,
                        "y": 1175.2015024659154,
                        "parameters": {
                            "expression": "c > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "c",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dc6be999-3b32-c86f-3c30-e6385b68cd28",
                        "type": "String",
                        "x": 518.0992235142762,
                        "y": 1459.2813639491287,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "29a461d0-70fd-7459-1763-2d45d2f938ba",
                        "type": "String Format",
                        "x": 507.91871230160996,
                        "y": 1013.2134038664105,
                        "parameters": {
                            "format": "{arrivalLabel}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "arrivalLabel",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "06b7e688-16c4-0003-756a-c153295a64c2",
                        "type": "String Format",
                        "x": 1111.8167379766357,
                        "y": 1062.3196701857019,
                        "parameters": {
                            "format": " to {deliveryAdress}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "deliveryAdress",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "265c0358-56a2-ccfc-9403-e3b939a9ab3d",
                        "type": "String Format",
                        "x": 610.8949662306394,
                        "y": 2223.0014820969723,
                        "parameters": {
                            "format": "{items} items",
                            "number": "138.54"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "30c6e76d-d548-fcd9-a478-1fe7aec94a6b",
                        "type": "/Cart/Cart Totals",
                        "x": 418.1195509866403,
                        "y": 2216.7956463566456,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Manage Time Slots",
            "graph": {
                "connections": [
                    {
                        "fromId": "c4cf6806-a804-e28d-0cb7-dd17a6175060",
                        "fromProperty": "type",
                        "toId": "d8359887-05a4-f8e5-663e-e1eceb3b0c6a",
                        "toProperty": "deliveryType"
                    },
                    {
                        "fromId": "c4cf6806-a804-e28d-0cb7-dd17a6175060",
                        "fromProperty": "slot",
                        "toId": "d8359887-05a4-f8e5-663e-e1eceb3b0c6a",
                        "toProperty": "deliverySlot"
                    },
                    {
                        "fromId": "c4cf6806-a804-e28d-0cb7-dd17a6175060",
                        "fromProperty": "date",
                        "toId": "d8359887-05a4-f8e5-663e-e1eceb3b0c6a",
                        "toProperty": "deliveryDate"
                    },
                    {
                        "fromId": "c4cf6806-a804-e28d-0cb7-dd17a6175060",
                        "fromProperty": "eventReceived",
                        "toId": "d8359887-05a4-f8e5-663e-e1eceb3b0c6a",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "be7b71ab-9995-012c-20b9-8f5eaa2262ba",
                        "fromProperty": "Refresh",
                        "toId": "7ed070bb-bf4b-b901-6bd2-0615f8b6bee6",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "da350a3e-fbb0-c52e-b308-4743b3b037c9",
                        "fromProperty": "savedValue",
                        "toId": "7ed070bb-bf4b-b901-6bd2-0615f8b6bee6",
                        "toProperty": "hasSelection"
                    },
                    {
                        "fromId": "c4cf6806-a804-e28d-0cb7-dd17a6175060",
                        "fromProperty": "price",
                        "toId": "d8359887-05a4-f8e5-663e-e1eceb3b0c6a",
                        "toProperty": "deliveryFee"
                    },
                    {
                        "fromId": "768c657d-c69d-3928-459a-3eb4880ee14c",
                        "fromProperty": "savedValue",
                        "toId": "d8359887-05a4-f8e5-663e-e1eceb3b0c6a",
                        "toProperty": "hasSelection"
                    },
                    {
                        "fromId": "2744481b-8365-b69d-0196-d444ea8454b5",
                        "fromProperty": "shippingDate",
                        "toId": "75c892ab-4ed3-4b83-ce4e-4caa13823dc8",
                        "toProperty": "shippingDate"
                    },
                    {
                        "fromId": "2744481b-8365-b69d-0196-d444ea8454b5",
                        "fromProperty": "store",
                        "toId": "75c892ab-4ed3-4b83-ce4e-4caa13823dc8",
                        "toProperty": "store"
                    },
                    {
                        "fromId": "214473b3-42a4-4ce5-2bf4-4a6ea1332845",
                        "fromProperty": "refreshed",
                        "toId": "b8e89d2e-0782-e6fc-adc8-6b68c6674f1d",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "b8e89d2e-0782-e6fc-adc8-6b68c6674f1d",
                        "fromProperty": "nextAvailableSlot",
                        "toId": "62c06124-4b6d-0c9e-8919-408b4bca495c",
                        "toProperty": "Next Delivery Slot Available"
                    },
                    {
                        "fromId": "29b76ab9-5ef5-4c1f-fcbd-036685f40b86",
                        "fromProperty": "savedValue",
                        "toId": "7ed070bb-bf4b-b901-6bd2-0615f8b6bee6",
                        "toProperty": "deliveryCollectionId"
                    },
                    {
                        "fromId": "e7d05edc-5a65-2b8e-ed70-462ff7d1c554",
                        "fromProperty": "savedValue",
                        "toId": "7ed070bb-bf4b-b901-6bd2-0615f8b6bee6",
                        "toProperty": "shippingCollectionId"
                    }
                ],
                "roots": [
                    {
                        "id": "be7b71ab-9995-012c-20b9-8f5eaa2262ba",
                        "type": "Component Inputs",
                        "x": 836.5971974072087,
                        "y": 840.8964627938964,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Refresh",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d8359887-05a4-f8e5-663e-e1eceb3b0c6a",
                        "type": "Model",
                        "x": 1209.5204008558599,
                        "y": 372.02062748641913,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,hasSelection,deliveryFee"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryFee",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c4cf6806-a804-e28d-0cb7-dd17a6175060",
                        "type": "Event Receiver",
                        "x": 702.755538753105,
                        "y": 413.69140852807084,
                        "parameters": {
                            "channelName": "Delivery Options Updated"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "768c657d-c69d-3928-459a-3eb4880ee14c",
                        "type": "Boolean",
                        "label": "True",
                        "x": 1212.392923838734,
                        "y": 273.2990909933611,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7ed070bb-bf4b-b901-6bd2-0615f8b6bee6",
                        "type": "Model",
                        "label": "order_in_progress",
                        "x": 1128.392923838734,
                        "y": 926.299090993361,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,hasSelection,deliveryCollectionId,shippingCollectionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "da350a3e-fbb0-c52e-b308-4743b3b037c9",
                        "type": "Boolean",
                        "label": "False",
                        "x": 846.3929238387341,
                        "y": 944.2990909933612,
                        "parameters": {
                            "value": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "214473b3-42a4-4ce5-2bf4-4a6ea1332845",
                        "type": "Javascript2",
                        "label": "Generate Slots",
                        "x": 315.39292383873396,
                        "y": 827.2990909933611,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    radioGroupIds: \"string\",\n\t    radioGroupOptionCollectionSuffix: 'string',\n\t    numDays: 'number'\n\t},\n\toutputs: {\n\t    refreshed: 'signal'    \n\t},\n\t\n\tsetup:function(inputs,outputs){\n\t    \n\t    this.options = [];\n\t    \n\t    this.refresh = () => {\n\t        let radioGroupIds = inputs.radioGroupIds.split(',');\n\t        this.options = [];\n\t        window.wallyFulfillmentSlots = {};\n\t        \n\t        for(const radioGroupIdIndex in radioGroupIds) {\n\t            let today = new Date();\n\t            \n\t            for(let dayIndex = 0; dayIndex < inputs.numDays; ++dayIndex) {\n\t                let items = [];\n            \t\t\n            \t\tconst radioGroupId = radioGroupIds[radioGroupIdIndex];\n            \t\tlet fullGroupId = radioGroupId + \"-\" + dayIndex;\n            \t\tlet date = new Date(today.getTime() + dayIndex * 24 * 60 * 60 * 1000);\n            \t\tlet firstDeliverySlot = 9; // default value\n            \t\t\n            \t    if(dayIndex === 0){\n            \t        firstDeliverySlot = today.getHours()+1;\n            \t        // Check if time is before 6 pm\n            \t        //  If true than express option is available\n            \t        if(firstDeliverySlot < 18){ \n                \t            items.push({\n                \t            \"id\": radioGroupId + \"-first-possible\",\n                    \t\t    \"value\": -1,\n                    \t        \"optionId\": radioGroupId + \"-first-possible\",\n                    \t        \"busy\": false,\n                    \t        \"date\": date,\n                    \t        \"type\": radioGroupId,\n                    \t        \"price\": 9.95\n                            });\n            \t        }\n            \t        \n                        if(firstDeliverySlot - 19 >= 2) {\n                            firstDeliverySlot +=3;    \n                        } else {\n                            firstDeliverySlot +=1;\n                        }\n            \t        \n            \t    } \n            \t   \n            \t   const busyDayIndex = 3;\n            \t   \n            \t    for(let i = firstDeliverySlot; i < 20; ++i) {\n                        items.push({\n                            \"id\": fullGroupId + \"-\" + i,\n            \t            \"value\": i,\n            \t\t        \"optionId\": fullGroupId + \"-\" + i,\n            \t\t        \"busy\": Math.random() > 0.7 || dayIndex === busyDayIndex,\n            \t\t        \"date\": date,\n            \t\t        \"type\": radioGroupId,\n            \t\t        \"price\": 0\n            \t\t    });\n            \t\t}\n            \t\t\n            \t\tconst collectionName = radioGroupId + inputs.radioGroupOptionCollectionSuffix + \"-\" + dayIndex;\n            \t\t\n        \t\t    const collection = Noodl.Collection.get(collectionName);\n        \t\t    collection.set(items);\n        \t\t    \n        \t\t    this.options.push(items);\n        \t\t    \n        \t\t    if(window.wallyFulfillmentSlots.hasOwnProperty(radioGroupId) === false ) {\n        \t\t        window.wallyFulfillmentSlots[radioGroupId] = items;    \n        \t\t    } else {\n        \t\t        window.wallyFulfillmentSlots[radioGroupId] = window.wallyFulfillmentSlots[radioGroupId].concat(items);\n        \t\t    }\n        \t\t    \n\t            }\n\t        }\n\t        this.sendSignalOnOutput(\"refreshed\");\n\t    }\n\t    \n\t    this.refresh();\n\t}\n})",
                            "radioGroupOptionCollectionSuffix": "-radio-options",
                            "radioGroupIds": "delivery,pickup",
                            "numDays": 7
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "radioGroupIds",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "radioGroupOptionCollectionSuffix",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "numDays",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "refreshed",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2744481b-8365-b69d-0196-d444ea8454b5",
                        "type": "Javascript2",
                        "label": "Set Default Shipping Date",
                        "x": 296.27783319587274,
                        "y": 1220.5855383215135,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    currentDate:'object',\n\t    refresh: 'signal'\n\t},\n\t\n\toutputs:{\n\t    shippingDate: 'object',\n\t    store: 'signal'\n\t},\n\t\n\trefresh:function(inputs,outputs) {\n        this.update();\n\t},\n\t\n\tsetup(inputs,outputs) {\n\t    this.update = () => {\n\t        console.log(\"refreshed\");\n    \t    let twoDaysFromToday = new Date();\n            twoDaysFromToday.setDate(twoDaysFromToday.getDate() + 2);\n            outputs.shippingDate = twoDaysFromToday;\n    \t    this.flagOutputDirty(\"shippingDate\");\n    \t    this.sendSignalOnOutput('store');\n\t    }\n\t    \n\t    this.update();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "currentDate",
                                "plug": "input",
                                "type": {
                                    "name": "object"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "shippingDate",
                                "type": {
                                    "name": "object"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "store",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "deliveryFee",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "75c892ab-4ed3-4b83-ce4e-4caa13823dc8",
                        "type": "Model",
                        "x": 558.9878219940592,
                        "y": 1214.9006946831187,
                        "parameters": {
                            "modelId": "order_in_progress",
                            "properties": "deliveryDate,shippingDate,deliveryFee"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "hasSelection",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryFee",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "62c06124-4b6d-0c9e-8919-408b4bca495c",
                        "type": "Globals",
                        "x": 528.3011652845603,
                        "y": 974.0878995318293,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Next Delivery Slot Available",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8e89d2e-0782-e6fc-adc8-6b68c6674f1d",
                        "type": "Javascript2",
                        "label": "First Available Slot",
                        "x": 316.3011652845603,
                        "y": 943.0878995318293,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    refresh: 'signal'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    nextAvailableSlot: 'string',\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tsetup(inputs,outputs){\n\t\tthis.update = () => {\n\t\t    \n    \t    const type = \"delivery\";\n    \t    \n            if(window.wallyFulfillmentSlots.hasOwnProperty(type)) {\n                let items = window.wallyFulfillmentSlots[type];\n                \n                let firstAvailableSlot = items[0];\n                let firstAvailableFullDate = Date.now();\n                \n                for(let i = 1; i < items.length; ++i) {\n                    let compareItem = items[i];\n                    \n                    if(compareItem.busy === false) {\n                        let fullDateCurrent = new Date(firstAvailableSlot.date);\n                        fullDateCurrent.setHours(firstAvailableSlot.value);\n                        \n                        let fullDateCompare = new Date(compareItem.date);\n                        fullDateCompare.setHours(compareItem.value);\n                        \n                        if(fullDateCompare < fullDateCurrent) {\n                            firstAvailableSlot = compareItem;\n                            firstAvailableFullDate = fullDateCurrent;\n                        }\n                    }\n                }\n                \n                if(firstAvailableSlot.value === -1) {\n                    outputs.nextAvailableSlot = \"Today\";\n                } else {\n                    // TODO: actually look at time difference\n                    outputs.nextAvailableSlot = \"Tomorrow\";\n                }\n                \n                this.flagOutputDirty(\"nextAvailableSlot\");\n            } else {\n                console.log(\"Found no fulfillment slots for type \" + inputs.type);\n            }\n        }\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\trefresh(inputs,outputs) {\n\t\tthis.update();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "nextAvailableSlot",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "29b76ab9-5ef5-4c1f-fcbd-036685f40b86",
                        "type": "String",
                        "label": "deliveryCollectionId",
                        "x": 864.5204008558599,
                        "y": 1047.020627486419,
                        "parameters": {
                            "value": "predelivery"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e7d05edc-5a65-2b8e-ed70-462ff7d1c554",
                        "type": "String",
                        "label": "shippingCollectionId",
                        "x": 873.5204008558599,
                        "y": 1156.020627486419,
                        "parameters": {
                            "value": "preshipping"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Products Carousel/Products Carousel",
            "graph": {
                "connections": [
                    {
                        "fromId": "d7920916-bfdf-8c1b-9384-63503080416e",
                        "fromProperty": "title",
                        "toId": "983e761d-ae52-1336-1592-f667edaf3919",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "d7920916-bfdf-8c1b-9384-63503080416e",
                        "fromProperty": "Items",
                        "toId": "8b12cf3b-91df-ab58-7298-dee66e39aa66",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "f2f13c27-eb98-ca42-03f1-d3f8df443fda",
                        "fromProperty": "guid",
                        "toId": "8b12cf3b-91df-ab58-7298-dee66e39aa66",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "8b12cf3b-91df-ab58-7298-dee66e39aa66",
                        "fromProperty": "items",
                        "toId": "ac350b7d-7d28-8d6c-49b8-abe776e8ba2c",
                        "toProperty": "items"
                    }
                ],
                "roots": [
                    {
                        "id": "082d9b1a-ddcd-ad16-985c-4d7ad639be17",
                        "type": "Group",
                        "x": 545.5,
                        "y": 651.5,
                        "parameters": {
                            "marginLeft": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "60d5570e-55b4-be6c-737c-fd73a86e2f23",
                                "type": "Group",
                                "label": "header",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "983e761d-ae52-1336-1592-f667edaf3919",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "7d0ffc7f-1811-be8d-0202-0aca8a877b8b",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "style": "{\n    textDecoration: \"underline\"\n}",
                                            "sizeMode": "contentWidth",
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "alignY": "center",
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "text": "View all",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#0071DC",
                                            "alignX": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "5b592bd5-ecc3-88c6-1333-34f6c1a6935a",
                                "type": "Group",
                                "label": "Items",
                                "x": 20,
                                "y": 235,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 25,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 25,
                                        "unit": "px"
                                    },
                                    "scrollBehavior": "noodl",
                                    "scrollDirection": "x",
                                    "showScrollbar": false,
                                    "scrollBounceEnabled": false,
                                    "scrollMouseWheelEnabled": false,
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ac350b7d-7d28-8d6c-49b8-abe776e8ba2c",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "template": "/Home/Products Carousel/Products Carousel Item"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "d7920916-bfdf-8c1b-9384-63503080416e",
                        "type": "Component Inputs",
                        "x": -150.5,
                        "y": 790.5,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "items-img",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Items",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2b14a80c-179f-9b71-4431-ea36476ad757",
                        "type": "Javascript2",
                        "label": "Instanciate all items",
                        "x": 111.5,
                        "y": 994,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    collection: 'collection',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\n    setup(inputs, outputs) {\n\n\t},\n\tchange(inputs, outputs) {\n\t    if(inputs.collection && inputs.collection.size() > 0 && window.wallyProducts) {\n            inputs.collection.each((element) => {\n                let itemId = element.get(\"itemId\");\n                let productData = window.wallyProducts.find(product => product.itemId === itemId);\n                Noodl.Model.create(productData);\n            });\n        }\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8b12cf3b-91df-ab58-7298-dee66e39aa66",
                        "type": "Collection",
                        "x": 242.5,
                        "y": 861,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f2f13c27-eb98-ca42-03f1-d3f8df443fda",
                        "type": "Unique Id",
                        "x": 213.5,
                        "y": 687,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Products Carousel/Products Carousel Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "440bc183-b03c-f864-6b8b-4ac25659bfbb",
                        "fromProperty": "itemId",
                        "toId": "98605854-83fe-3ee0-7fcd-5ab38994dc76",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "7bb465b1-010a-4c88-92d2-85c9cb99ce05",
                        "fromProperty": "Formatted Price",
                        "toId": "27bae036-1db8-ec81-12b6-849634e250bb",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "98605854-83fe-3ee0-7fcd-5ab38994dc76",
                        "fromProperty": "itemId",
                        "toId": "63ddaaac-ef0f-29c5-e0ae-3d2c5b7bebdd",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "63ddaaac-ef0f-29c5-e0ae-3d2c5b7bebdd",
                        "fromProperty": "price",
                        "toId": "7bb465b1-010a-4c88-92d2-85c9cb99ce05",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "98605854-83fe-3ee0-7fcd-5ab38994dc76",
                        "fromProperty": "itemId",
                        "toId": "d3937f54-df75-d05f-2dad-e339b2e8789d",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "98605854-83fe-3ee0-7fcd-5ab38994dc76",
                        "fromProperty": "itemId",
                        "toId": "e0a9f2b5-a0cb-d911-fba7-5f491f161069",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "98605854-83fe-3ee0-7fcd-5ab38994dc76",
                        "fromProperty": "itemId",
                        "toId": "316e3953-5d4b-c09a-977e-ec6be02d1a3b",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "6c406de9-54fb-179a-1acb-6ace5b61739c",
                        "fromProperty": "onClick",
                        "toId": "316e3953-5d4b-c09a-977e-ec6be02d1a3b",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "98605854-83fe-3ee0-7fcd-5ab38994dc76",
                        "fromProperty": "itemId",
                        "toId": "dcdd87a3-093d-7e6b-5c98-5fa3c44ccc4b",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "dcdd87a3-093d-7e6b-5c98-5fa3c44ccc4b",
                        "fromProperty": "Has Variants",
                        "toId": "2415a78d-17c5-591f-9ae4-7eded3f14bd9",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "2415a78d-17c5-591f-9ae4-7eded3f14bd9",
                        "fromProperty": "result",
                        "toId": "e0a9f2b5-a0cb-d911-fba7-5f491f161069",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "f07c9508-d783-4f7a-1aa9-81262975a52a",
                        "fromProperty": "didMount",
                        "toId": "dcdd87a3-093d-7e6b-5c98-5fa3c44ccc4b",
                        "toProperty": "Update"
                    }
                ],
                "roots": [
                    {
                        "id": "440bc183-b03c-f864-6b8b-4ac25659bfbb",
                        "type": "For Each Actions",
                        "x": 1250.4683809234075,
                        "y": 1156.6193221836647,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f07c9508-d783-4f7a-1aa9-81262975a52a",
                        "type": "Group",
                        "x": 1862.4262203649541,
                        "y": 1124.0911848341766,
                        "parameters": {
                            "sizeMode": "explicit",
                            "marginRight": {
                                "value": 20,
                                "unit": "px"
                            },
                            "width": {
                                "value": 70,
                                "unit": "px"
                            },
                            "height": {
                                "value": 90,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "6c406de9-54fb-179a-1acb-6ace5b61739c",
                                "type": "Group",
                                "x": 1882.4262203649541,
                                "y": 1206.0911848341766,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "alignX": "right",
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d3937f54-df75-d05f-2dad-e339b2e8789d",
                                        "type": "/UI Components/Product Tile",
                                        "x": 1902.4262203649541,
                                        "y": 1288.0911848341766,
                                        "parameters": {
                                            "Big": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "27bae036-1db8-ec81-12b6-849634e250bb",
                                        "type": "Text",
                                        "x": 1902.4262203649541,
                                        "y": 1370.0911848341766,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "letterSpacing": 0.85,
                                            "textAlign": "center",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "e0a9f2b5-a0cb-d911-fba7-5f491f161069",
                                "type": "/UI Components/Add To Cart Stepper",
                                "x": 1882.4262203649541,
                                "y": 1452.0911848341766,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "7bb465b1-010a-4c88-92d2-85c9cb99ce05",
                        "type": "/Components/Price Format",
                        "x": 1640.1669045207013,
                        "y": 1394.2725903118394,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "98605854-83fe-3ee0-7fcd-5ab38994dc76",
                        "type": "Model",
                        "x": 1473.1669045207013,
                        "y": 1279.2725903118394,
                        "parameters": {
                            "properties": "price,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "63ddaaac-ef0f-29c5-e0ae-3d2c5b7bebdd",
                        "type": "Model",
                        "x": 1605.1669045207013,
                        "y": 1151.2725903118394,
                        "parameters": {
                            "properties": "price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "316e3953-5d4b-c09a-977e-ec6be02d1a3b",
                        "type": "Event Sender",
                        "x": 2134.8614823179423,
                        "y": 1331.605655590672,
                        "parameters": {
                            "channelName": "Show Product Details"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dcdd87a3-093d-7e6b-5c98-5fa3c44ccc4b",
                        "type": "/Components/Has Variants",
                        "x": 1297.042799528068,
                        "y": 1434.9389889240053,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2415a78d-17c5-591f-9ae4-7eded3f14bd9",
                        "type": "Inverter",
                        "x": 1586.042799528068,
                        "y": 1571.9389889240053,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Star Rating",
            "graph": {
                "connections": [
                    {
                        "fromId": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "fromProperty": "Ratings Count",
                        "toId": "3bb83200-3d8c-f23b-dd67-90003e5c9d92",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "fromProperty": "Position",
                        "toId": "03c20b40-cdbd-4ae0-eed8-c3337d2358b9",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "fromProperty": "Align Y",
                        "toId": "03c20b40-cdbd-4ae0-eed8-c3337d2358b9",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "fromProperty": "Align X",
                        "toId": "03c20b40-cdbd-4ae0-eed8-c3337d2358b9",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "46139943-dc84-2220-dd8e-76720f427b1e",
                        "fromProperty": "savedValue",
                        "toId": "e113ff93-da19-3fd5-c6b5-821b0590b7d3",
                        "toProperty": "Score"
                    },
                    {
                        "fromId": "46139943-dc84-2220-dd8e-76720f427b1e",
                        "fromProperty": "savedValue",
                        "toId": "f73b5efb-ba01-70d7-cf4c-b41c141e30cb",
                        "toProperty": "Score"
                    },
                    {
                        "fromId": "46139943-dc84-2220-dd8e-76720f427b1e",
                        "fromProperty": "savedValue",
                        "toId": "4074b1f5-1d2f-7e88-e6a0-7f0d736612bf",
                        "toProperty": "Score"
                    },
                    {
                        "fromId": "46139943-dc84-2220-dd8e-76720f427b1e",
                        "fromProperty": "savedValue",
                        "toId": "0614abb3-764f-1774-8dd1-c1ac8b4ced95",
                        "toProperty": "Score"
                    },
                    {
                        "fromId": "46139943-dc84-2220-dd8e-76720f427b1e",
                        "fromProperty": "savedValue",
                        "toId": "f27324d4-696d-a9bd-bbd7-55e9bf200119",
                        "toProperty": "Score"
                    },
                    {
                        "fromId": "3bb83200-3d8c-f23b-dd67-90003e5c9d92",
                        "fromProperty": "savedValue",
                        "toId": "79850065-c381-a8ae-6f3b-9ba70c0d516a",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "fromProperty": "Mount Ratings Count",
                        "toId": "79850065-c381-a8ae-6f3b-9ba70c0d516a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "fromProperty": "Rating Score",
                        "toId": "3878e20b-e6e9-042a-1db0-57529ea3a677",
                        "toProperty": "x"
                    },
                    {
                        "fromId": "3878e20b-e6e9-042a-1db0-57529ea3a677",
                        "fromProperty": "result",
                        "toId": "46139943-dc84-2220-dd8e-76720f427b1e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "fromProperty": "Mounted",
                        "toId": "03c20b40-cdbd-4ae0-eed8-c3337d2358b9",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "03c20b40-cdbd-4ae0-eed8-c3337d2358b9",
                        "type": "Group",
                        "x": 589,
                        "y": 842,
                        "parameters": {
                            "flexDirection": "row",
                            "sizeMode": "contentSize"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e113ff93-da19-3fd5-c6b5-821b0590b7d3",
                                "type": "/UI Components/Star Rating Item",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "Item Threshold": 0
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "f73b5efb-ba01-70d7-cf4c-b41c141e30cb",
                                "type": "/UI Components/Star Rating Item",
                                "x": 20,
                                "y": 204,
                                "parameters": {
                                    "Item Threshold": 1
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "4074b1f5-1d2f-7e88-e6a0-7f0d736612bf",
                                "type": "/UI Components/Star Rating Item",
                                "x": 20,
                                "y": 286,
                                "parameters": {
                                    "Item Threshold": 2
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "0614abb3-764f-1774-8dd1-c1ac8b4ced95",
                                "type": "/UI Components/Star Rating Item",
                                "x": 20,
                                "y": 368,
                                "parameters": {
                                    "Item Threshold": 3
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "f27324d4-696d-a9bd-bbd7-55e9bf200119",
                                "type": "/UI Components/Star Rating Item",
                                "x": 20,
                                "y": 450,
                                "parameters": {
                                    "Item Threshold": 4
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "79850065-c381-a8ae-6f3b-9ba70c0d516a",
                                "type": "Text",
                                "x": 609,
                                "y": 1374,
                                "parameters": {
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "fontSize": {
                                        "value": 12,
                                        "unit": "px"
                                    },
                                    "color": "#74767C",
                                    "marginLeft": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "370391c4-b586-d6f0-70e0-30ff03799cba",
                        "type": "Component Inputs",
                        "x": 182,
                        "y": 853,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Ratings Count",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 0
                            },
                            {
                                "name": "Rating Score",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 4
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 2
                            },
                            {
                                "name": "Align Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 3
                            },
                            {
                                "name": "Mount Ratings Count",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 5
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3bb83200-3d8c-f23b-dd67-90003e5c9d92",
                        "type": "Number",
                        "label": "Count",
                        "x": -61,
                        "y": 1030,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "46139943-dc84-2220-dd8e-76720f427b1e",
                        "type": "Number",
                        "label": "Score",
                        "x": 254,
                        "y": 1313,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "44f9b2d7-53a7-e3da-b90a-da26b66a9ef2",
                        "type": "/UI Components/Star Rating Item",
                        "x": 1652,
                        "y": 279,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3878e20b-e6e9-042a-1db0-57529ea3a677",
                        "type": "Expression",
                        "x": -31.600000000000023,
                        "y": 1319.1,
                        "parameters": {
                            "expression": "Math.round(x)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "x",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Pricing Badge",
            "graph": {
                "connections": [
                    {
                        "fromId": "88187819-7503-8e22-dd9c-b5016c99e202",
                        "fromProperty": "at-Rollback",
                        "toId": "b7f405d0-56fc-cede-c47b-dec46b8ad46d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "88187819-7503-8e22-dd9c-b5016c99e202",
                        "fromProperty": "at-Clearance",
                        "toId": "a720167a-134a-df03-91a3-f4dd345dc3f5",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "88187819-7503-8e22-dd9c-b5016c99e202",
                        "fromProperty": "at-Wallmart Pick",
                        "toId": "dfbdb550-1430-585b-aa6b-a94e46e74ad3",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "88187819-7503-8e22-dd9c-b5016c99e202",
                        "fromProperty": "at-None",
                        "toId": "9c34a388-88c3-3843-59bb-ea3bfb014561",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "bf2314e1-823d-de86-f83d-2c827ba45681",
                        "fromProperty": "Item Id",
                        "toId": "76cfd56b-2a9c-c97e-7c4e-a9ac4015585b",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "76cfd56b-2a9c-c97e-7c4e-a9ac4015585b",
                        "fromProperty": "Range",
                        "toId": "bf8d6737-7243-13cf-d04a-b72c973d28cc",
                        "toProperty": "range"
                    },
                    {
                        "fromId": "bf8d6737-7243-13cf-d04a-b72c973d28cc",
                        "fromProperty": "result",
                        "toId": "88187819-7503-8e22-dd9c-b5016c99e202",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "bf2314e1-823d-de86-f83d-2c827ba45681",
                        "fromProperty": "Margin Top",
                        "toId": "63bf607b-b578-a186-8700-22c79c00c2c7",
                        "toProperty": "marginTop"
                    },
                    {
                        "fromId": "bf2314e1-823d-de86-f83d-2c827ba45681",
                        "fromProperty": "Margin Bottom",
                        "toId": "63bf607b-b578-a186-8700-22c79c00c2c7",
                        "toProperty": "marginBottom"
                    },
                    {
                        "fromId": "9c34a388-88c3-3843-59bb-ea3bfb014561",
                        "fromProperty": "result",
                        "toId": "63bf607b-b578-a186-8700-22c79c00c2c7",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "88187819-7503-8e22-dd9c-b5016c99e202",
                        "type": "States",
                        "x": 500,
                        "y": 523,
                        "parameters": {
                            "states": "Rollback,Clearance,Wallmart Pick,None",
                            "values": "Color Blend",
                            "value-Rollback-Color Blend": 0,
                            "value-Clearance-Color Blend": 1,
                            "value-Wallmart Pick-Color Blend": 2,
                            "duration-Rollback": 0,
                            "duration-Clearance": 0,
                            "duration-Wallmart Pick": 0,
                            "startState": "None"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Color Blend",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Rollback Values",
                                "name": "value-Rollback-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "Rollback|Color Blend",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Rollback Transition",
                                "name": "transition-Rollback",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Rollback Transition",
                                "name": "duration-Rollback",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Rollback",
                                "name": "to-Rollback",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Rollback",
                                "name": "at-Rollback",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Rollback",
                                "name": "reached-Rollback",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Clearance Values",
                                "name": "value-Clearance-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "Clearance|Color Blend",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Clearance Transition",
                                "name": "transition-Clearance",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Clearance Transition",
                                "name": "duration-Clearance",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Clearance",
                                "name": "to-Clearance",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Clearance",
                                "name": "at-Clearance",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Clearance",
                                "name": "reached-Clearance",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Wallmart Pick Values",
                                "name": "value-Wallmart Pick-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "Wallmart Pick|Color Blend",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Wallmart Pick Transition",
                                "name": "transition-Wallmart Pick",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Wallmart Pick Transition",
                                "name": "duration-Wallmart Pick",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Wallmart Pick",
                                "name": "to-Wallmart Pick",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Wallmart Pick",
                                "name": "at-Wallmart Pick",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Wallmart Pick",
                                "name": "reached-Wallmart Pick",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "None Values",
                                "name": "value-None-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "None|Color Blend",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "None Transition",
                                "name": "transition-None",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "None Transition",
                                "name": "duration-None",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To None",
                                "name": "to-None",
                                "group": "Go to state",
                                "index": 28
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At None",
                                "name": "at-None",
                                "group": "Current state",
                                "index": 29
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached None",
                                "name": "reached-None",
                                "group": "Current state",
                                "index": 30
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Rollback",
                                        "Clearance",
                                        "Wallmart Pick",
                                        "None"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Rollback",
                                "index": 31
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bf2314e1-823d-de86-f83d-2c827ba45681",
                        "type": "Component Inputs",
                        "x": -33,
                        "y": 536,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Variant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Margin Top",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Layout",
                                "index": 3
                            },
                            {
                                "name": "Margin Bottom",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Layout",
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9c34a388-88c3-3843-59bb-ea3bfb014561",
                        "type": "Inverter",
                        "x": 715,
                        "y": 703,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bf8d6737-7243-13cf-d04a-b72c973d28cc",
                        "type": "Expression",
                        "x": 437.3799613334263,
                        "y": 275.34499033335646,
                        "parameters": {
                            "expression": "range < 0.5 ? 'None' : range < 0.66 ? 'Rollback' : range < 0.75 ? 'Clearance' : 'Wallmart Pick'"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "range",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "76cfd56b-2a9c-c97e-7c4e-a9ac4015585b",
                        "type": "/Product Details Page/Modules/Components/Range From Id",
                        "x": 192,
                        "y": 322,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "63bf607b-b578-a186-8700-22c79c00c2c7",
                        "type": "Group",
                        "x": 392.5102580630666,
                        "y": 774.5663467736497,
                        "parameters": {
                            "sizeMode": "contentSize"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "b7f405d0-56fc-cede-c47b-dec46b8ad46d",
                                "type": "Image",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "src": "images/price-badge-rollback.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "a720167a-134a-df03-91a3-f4dd345dc3f5",
                                "type": "Image",
                                "x": 20,
                                "y": 204,
                                "parameters": {
                                    "src": "images/price-badge-clearance.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "dfbdb550-1430-585b-aa6b-a94e46e74ad3",
                                "type": "Image",
                                "x": 20,
                                "y": 286,
                                "parameters": {
                                    "src": "images/price-badge-walmart-pick.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Carousel Indicator",
            "graph": {
                "connections": [
                    {
                        "fromId": "12a8378a-be19-ae8e-c117-a3e22e4cf406",
                        "fromProperty": "savedValue",
                        "toId": "a1d4d263-9023-1df1-1ae4-fe6816f384a7",
                        "toProperty": "numSteps"
                    },
                    {
                        "fromId": "cf4cb5e7-d7bc-4821-9494-432d31f97810",
                        "fromProperty": "boundingWidth",
                        "toId": "a1d4d263-9023-1df1-1ae4-fe6816f384a7",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "a1d4d263-9023-1df1-1ae4-fe6816f384a7",
                        "fromProperty": "result",
                        "toId": "ceb78c7a-d61d-1f98-b31f-b301abc71b45",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "8f57bfbd-6377-75eb-c74e-504cdcf8f117",
                        "fromProperty": "Num Steps",
                        "toId": "12a8378a-be19-ae8e-c117-a3e22e4cf406",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "8f57bfbd-6377-75eb-c74e-504cdcf8f117",
                        "fromProperty": "At Step",
                        "toId": "b09acb23-eed3-5284-6165-d3f1047cd621",
                        "toProperty": "stepIndex"
                    },
                    {
                        "fromId": "a1d4d263-9023-1df1-1ae4-fe6816f384a7",
                        "fromProperty": "result",
                        "toId": "b09acb23-eed3-5284-6165-d3f1047cd621",
                        "toProperty": "size"
                    },
                    {
                        "fromId": "b09acb23-eed3-5284-6165-d3f1047cd621",
                        "fromProperty": "result",
                        "toId": "ceb78c7a-d61d-1f98-b31f-b301abc71b45",
                        "toProperty": "transformX"
                    },
                    {
                        "fromId": "8f57bfbd-6377-75eb-c74e-504cdcf8f117",
                        "fromProperty": "Mounted",
                        "toId": "b925545c-f20f-527e-6786-b6825cfb5bab",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "12a8378a-be19-ae8e-c117-a3e22e4cf406",
                        "type": "Number",
                        "label": "Num Steps",
                        "x": 171,
                        "y": 639,
                        "parameters": {
                            "value": 5
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a1d4d263-9023-1df1-1ae4-fe6816f384a7",
                        "type": "Expression",
                        "x": 270,
                        "y": 808,
                        "parameters": {
                            "expression": "width/numSteps"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "width",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "numSteps",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b925545c-f20f-527e-6786-b6825cfb5bab",
                        "type": "Group",
                        "x": 535,
                        "y": 667,
                        "parameters": {
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "cf4cb5e7-d7bc-4821-9494-432d31f97810",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ded605df-0a30-791a-df99-fbfae1688f68",
                                        "type": "Group",
                                        "label": "Background",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "height": {
                                                "value": 2,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 240,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#E6E7E8",
                                            "borderRadius": 2
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ceb78c7a-d61d-1f98-b31f-b301abc71b45",
                                        "type": "Group",
                                        "label": "Indicator",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "height": {
                                                "value": 2,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 240,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#000000",
                                            "borderRadius": 2,
                                            "position": "absolute"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8f57bfbd-6377-75eb-c74e-504cdcf8f117",
                        "type": "Component Inputs",
                        "x": -201,
                        "y": 640.8333333333334,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Num Steps",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "At Step",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b09acb23-eed3-5284-6165-d3f1047cd621",
                        "type": "Expression",
                        "x": 383,
                        "y": 1046.8333333333335,
                        "parameters": {
                            "expression": "size*stepIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "size",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "stepIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Star Rating Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "661a168b-65d7-1d61-bddc-6c984cdc7c77",
                        "fromProperty": "savedValue",
                        "toId": "28e258c5-ce28-dedd-e9b4-ea3aeb87a490",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "661a168b-65d7-1d61-bddc-6c984cdc7c77",
                        "fromProperty": "savedValue",
                        "toId": "18ba374e-c30f-6de9-29a3-dc1be4c6271c",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "18ba374e-c30f-6de9-29a3-dc1be4c6271c",
                        "fromProperty": "result",
                        "toId": "0a273783-873a-b79a-40b2-cc979d1f6c8d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "bd72d59b-189e-3449-b1f7-26ec3c36562b",
                        "fromProperty": "result",
                        "toId": "661a168b-65d7-1d61-bddc-6c984cdc7c77",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "2ebb6f7c-2abd-af0b-b078-161aeeb077f7",
                        "fromProperty": "Score",
                        "toId": "c00ff521-8aa6-7150-124e-da743d4690e1",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "c00ff521-8aa6-7150-124e-da743d4690e1",
                        "fromProperty": "savedValue",
                        "toId": "bd72d59b-189e-3449-b1f7-26ec3c36562b",
                        "toProperty": "score"
                    },
                    {
                        "fromId": "2ebb6f7c-2abd-af0b-b078-161aeeb077f7",
                        "fromProperty": "Item Threshold",
                        "toId": "613561ee-724a-bd69-b6e8-5763918edd56",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "613561ee-724a-bd69-b6e8-5763918edd56",
                        "fromProperty": "savedValue",
                        "toId": "bd72d59b-189e-3449-b1f7-26ec3c36562b",
                        "toProperty": "myScore"
                    }
                ],
                "roots": [
                    {
                        "id": "661a168b-65d7-1d61-bddc-6c984cdc7c77",
                        "type": "Boolean",
                        "x": 174,
                        "y": 886,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2ebb6f7c-2abd-af0b-b078-161aeeb077f7",
                        "type": "Component Inputs",
                        "x": 28,
                        "y": 701,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Active",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Score",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Item Threshold",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "82d553f8-a59a-f873-08f8-89dc823d2e39",
                        "type": "Group",
                        "x": 420,
                        "y": 838,
                        "parameters": {
                            "sizeMode": "contentSize",
                            "alignY": "center"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "28e258c5-ce28-dedd-e9b4-ea3aeb87a490",
                                "type": "Image",
                                "label": "Filled",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "src": "icons/icon_star_black.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "0a273783-873a-b79a-40b2-cc979d1f6c8d",
                                "type": "Image",
                                "label": "Outline",
                                "x": 20,
                                "y": 107,
                                "parameters": {
                                    "src": "icons/icon_star_black_outline.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "18ba374e-c30f-6de9-29a3-dc1be4c6271c",
                        "type": "Inverter",
                        "x": 175,
                        "y": 1026,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bd72d59b-189e-3449-b1f7-26ec3c36562b",
                        "type": "Expression",
                        "x": 424,
                        "y": 661,
                        "parameters": {
                            "expression": "score > myScore"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "score",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myScore",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c00ff521-8aa6-7150-124e-da743d4690e1",
                        "type": "Number",
                        "x": 215.20000000000005,
                        "y": 610,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "613561ee-724a-bd69-b6e8-5763918edd56",
                        "type": "Number",
                        "x": 199.20000000000005,
                        "y": 802,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Product Tile No Stepper",
            "graph": {
                "connections": [
                    {
                        "fromId": "fb8eb719-b2a3-d1b2-9e55-585c492d5825",
                        "fromProperty": "Item Id",
                        "toId": "14389931-786e-f1ea-ce9c-b33642a2b5cd",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "14389931-786e-f1ea-ce9c-b33642a2b5cd",
                        "fromProperty": "img",
                        "toId": "71cf7f87-4010-4b31-67f7-68b4ee8b397a",
                        "toProperty": "src"
                    }
                ],
                "roots": [
                    {
                        "id": "14389931-786e-f1ea-ce9c-b33642a2b5cd",
                        "type": "Model",
                        "x": 678,
                        "y": 1175,
                        "parameters": {
                            "properties": "img,price,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 8
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fb8eb719-b2a3-d1b2-9e55-585c492d5825",
                        "type": "Component Inputs",
                        "x": 341,
                        "y": 1255,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "41163bc6-7e4f-0dc8-4770-f0ca4fedb7e1",
                        "type": "Group",
                        "x": 1214.622434884951,
                        "y": 1211.8606923992922,
                        "parameters": {
                            "height": {
                                "value": 63,
                                "unit": "px"
                            },
                            "width": {
                                "value": 59,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c11fd797-b5fe-ddef-3b50-f3a9cee0d7dc",
                                "type": "Group",
                                "x": 982.622434884951,
                                "y": 712.8606923992922,
                                "parameters": {
                                    "width": {
                                        "value": 50,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 50,
                                        "unit": "px"
                                    },
                                    "alignY": "center",
                                    "position": "absolute",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "71cf7f87-4010-4b31-67f7-68b4ee8b397a",
                                        "type": "Image",
                                        "x": 1002.622434884951,
                                        "y": 758.8606923992922,
                                        "parameters": {
                                            "sizeMode": "contentWidth",
                                            "alignY": "center",
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Components/Star Ratings Bar",
            "graph": {
                "connections": [
                    {
                        "fromId": "c5806686-4555-96a0-d42a-ed7d6a0c0ff5",
                        "fromProperty": "Number of stars",
                        "toId": "ea9f7792-059b-3d42-1f24-0c2568db0a9b",
                        "toProperty": "NbrOfStars"
                    },
                    {
                        "fromId": "ea9f7792-059b-3d42-1f24-0c2568db0a9b",
                        "fromProperty": "result",
                        "toId": "ab874cb9-9947-3772-cf77-e81965b3a864",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "c5806686-4555-96a0-d42a-ed7d6a0c0ff5",
                        "fromProperty": "rating",
                        "toId": "6f2ba8ab-bcb3-31a4-5789-a093ae6004a7",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "c5806686-4555-96a0-d42a-ed7d6a0c0ff5",
                        "fromProperty": "number of ratings",
                        "toId": "0b33d051-0195-7bb3-4a70-2a29b0a7e78c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "6f2ba8ab-bcb3-31a4-5789-a093ae6004a7",
                        "fromProperty": "result",
                        "toId": "bb2daca6-2f64-3d34-6ee0-f970f4114bc7",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "bb2daca6-2f64-3d34-6ee0-f970f4114bc7",
                        "fromProperty": "savedValue",
                        "toId": "4507facf-3bb5-0189-2ccb-18f99aa1bda8",
                        "toProperty": "width"
                    }
                ],
                "roots": [
                    {
                        "id": "7664ce2a-0d2b-16df-fc55-ddc82f52fc23",
                        "type": "Group",
                        "x": 669,
                        "y": 639,
                        "parameters": {
                            "flexDirection": "row",
                            "marginBottom": {
                                "value": 4,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "73bce982-52d0-94d3-d09c-e72811d59245",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentWidth"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ab874cb9-9947-3772-cf77-e81965b3a864",
                                        "type": "Text",
                                        "label": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "alignY": "center",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#46474A",
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "b2e6d3c7-7e27-a1c7-f075-3372fca2cd6d",
                                "type": "Group",
                                "label": "Fill bar",
                                "x": 20,
                                "y": 174,
                                "parameters": {
                                    "alignY": "center",
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "sizeMode": "explicit",
                                    "width": {
                                        "value": 264,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 6,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ab9ec7da-5aeb-9514-cbed-76ef952580ae",
                                        "type": "Group",
                                        "label": "background bar",
                                        "x": 709,
                                        "y": 874,
                                        "parameters": {
                                            "backgroundColor": "#E6E7E8",
                                            "alignY": "center",
                                            "borderRadius": 10
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "4507facf-3bb5-0189-2ccb-18f99aa1bda8",
                                        "type": "Group",
                                        "label": "RatingsBar",
                                        "x": 709,
                                        "y": 935,
                                        "parameters": {
                                            "alignY": "center",
                                            "position": "absolute",
                                            "backgroundColor": "#74767C",
                                            "borderRadius": 10,
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 30,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "950f9e14-d4c9-e316-c678-06c43ae48174",
                                "type": "Group",
                                "x": 20,
                                "y": 393,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0b33d051-0195-7bb3-4a70-2a29b0a7e78c",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "c5806686-4555-96a0-d42a-ed7d6a0c0ff5",
                        "type": "Component Inputs",
                        "x": 213,
                        "y": 655,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Number of stars",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "number of ratings",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "rating",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ea9f7792-059b-3d42-1f24-0c2568db0a9b",
                        "type": "Expression",
                        "x": 450,
                        "y": 561,
                        "parameters": {
                            "expression": "NbrOfStars+ \" stars\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "NbrOfStars",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6f2ba8ab-bcb3-31a4-5789-a093ae6004a7",
                        "type": "Expression",
                        "x": 289,
                        "y": 956,
                        "parameters": {
                            "expression": "(rating/5) * 264"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "rating",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bb2daca6-2f64-3d34-6ee0-f970f4114bc7",
                        "type": "Number",
                        "x": 488,
                        "y": 951,
                        "parameters": {
                            "value": 25
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/SessionData/Page event",
            "graph": {
                "connections": [
                    {
                        "fromId": "d56091a4-4744-6d87-3f00-94284941f9b7",
                        "fromProperty": "pageId",
                        "toId": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "toProperty": "pageId"
                    },
                    {
                        "fromId": "d56091a4-4744-6d87-3f00-94284941f9b7",
                        "fromProperty": "action",
                        "toId": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "toProperty": "action"
                    },
                    {
                        "fromId": "d56091a4-4744-6d87-3f00-94284941f9b7",
                        "fromProperty": "doLog",
                        "toId": "60e1c623-4a51-a8fd-c88d-4152efc8c92e",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "60e1c623-4a51-a8fd-c88d-4152efc8c92e",
                        "fromProperty": "result",
                        "toId": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "toProperty": "createSession"
                    },
                    {
                        "fromId": "63d4e7a4-06c5-1831-8c5a-19fbb355037b",
                        "fromProperty": "savedValue",
                        "toId": "60e1c623-4a51-a8fd-c88d-4152efc8c92e",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "7ef59fe9-b66a-b338-3101-23a416a8b5ca",
                        "fromProperty": "initialized",
                        "toId": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "toProperty": "initialized"
                    },
                    {
                        "fromId": "d56091a4-4744-6d87-3f00-94284941f9b7",
                        "fromProperty": "data0",
                        "toId": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "toProperty": "data"
                    },
                    {
                        "fromId": "7ef59fe9-b66a-b338-3101-23a416a8b5ca",
                        "fromProperty": "sessionName",
                        "toId": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "toProperty": "sessionName"
                    },
                    {
                        "fromId": "7ef59fe9-b66a-b338-3101-23a416a8b5ca",
                        "fromProperty": "sessionId",
                        "toId": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "toProperty": "sessionId"
                    }
                ],
                "roots": [
                    {
                        "id": "d56091a4-4744-6d87-3f00-94284941f9b7",
                        "type": "Component Inputs",
                        "x": -80.70302513327289,
                        "y": 238.9519845333706,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "pageId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "action",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "doLog",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "data0",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "data1",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3fcc27d8-1e4c-64d5-dcab-a5c05685c30a",
                        "type": "Javascript2",
                        "label": "createSessionItem",
                        "x": 574.397213559229,
                        "y": 127.25372442707192,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    createSession:'signal',\n\t    sessionId:'string',\n\t    sessionName:'string',\n\t    pageId:'string',\n\t    action:'string',\n\t    data:'collection',\n\t    initialized:'boolean'\n\t},\n\t\n\toutputs:{\n\t    sessionId: 'string',\n\t    success: 'signal',\n\t    failed: 'signal',\n\t},\n\t\n\tcreateSession:function(inputs,outputs) {\n        if (inputs.initialized !== true) return;\n\n        logdata = [];\n        \n        if (inputs.data) {\n            inputs.data.each(model => {\n                console.log(\"model:\", model); \n                logdata.push({\n                    itemId: model.data.itemId,\n                    count: model.data.count\n                });\n            });   \n        }\n\n        \n\t\tconst session = firebase.app().functions(window.cloudFunctionRegion)\n\t\t                    .httpsCallable('sessionEvent');\n\n        session({\n        uniqueSessionId:inputs.sessionId,\n        sessionId:inputs.sessionName,\n        pageId:inputs.pageId,\n        action:inputs.action,\n        cart:logdata\n        }).then(result => {\n            outputs.sessionId = result.data.sessionId;\n            this.flagOutputDirty('sessionId');\n            this.sendSignalOnOutput('success');\n        })\n        .catch(error => {\n            console.log(\"createSession failed\", error);\n            this.sendSignalOnOutput('failed');\n            Noodl.eventEmitter.emit('Show Alert', {message: error.toString()});\n        });    \n  \n\t}\n})\n",
                            "action": ""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "createSession",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "sessionId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "sessionName",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "pageId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 5
                            },
                            {
                                "name": "action",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 6
                            },
                            {
                                "name": "data",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 7
                            },
                            {
                                "name": "initialized",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 8
                            },
                            {
                                "name": "sessionId",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 9
                            },
                            {
                                "name": "success",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 10
                            },
                            {
                                "name": "failed",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7ef59fe9-b66a-b338-3101-23a416a8b5ca",
                        "type": "Globals",
                        "x": 79.76200386665738,
                        "y": 56.95987136005181,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "sessionId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "initialized",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "sessionName",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "60e1c623-4a51-a8fd-c88d-4152efc8c92e",
                        "type": "And",
                        "x": 292.02400773331465,
                        "y": 608.0292107328266,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "63d4e7a4-06c5-1831-8c5a-19fbb355037b",
                        "type": "Boolean",
                        "label": "Enable logging",
                        "x": 8.534971000069703,
                        "y": 576.0339304001673,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Product Details Page",
            "graph": {
                "connections": [
                    {
                        "fromId": "671eac40-46a3-4423-1c26-8e76d3a485c7",
                        "fromProperty": "Show",
                        "toId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "671eac40-46a3-4423-1c26-8e76d3a485c7",
                        "fromProperty": "Hide",
                        "toId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "ce859eb2-6530-72d7-13ae-3d81300f2c48",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "fromProperty": "Hiding",
                        "toId": "ce859eb2-6530-72d7-13ae-3d81300f2c48",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "fromProperty": "Showing",
                        "toId": "ce859eb2-6530-72d7-13ae-3d81300f2c48",
                        "toProperty": "Showing"
                    },
                    {
                        "fromId": "671eac40-46a3-4423-1c26-8e76d3a485c7",
                        "fromProperty": "Item Id",
                        "toId": "e97e71b9-c747-99db-0afd-d8e03f3036fb",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "e97e71b9-c747-99db-0afd-d8e03f3036fb",
                        "fromProperty": "savedValue",
                        "toId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "aa38cf7a-e058-c0ae-7de2-d522b5af241d",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "45a3b4eb-fbf7-7d06-ee05-e0bd568cd6da",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "4a87c258-b562-0500-95ff-4c32169d40b2",
                        "fromProperty": "reached-Hidden",
                        "toId": "eee74749-1548-85bd-12c7-5364e251cee9",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "671eac40-46a3-4423-1c26-8e76d3a485c7",
                        "fromProperty": "Show",
                        "toId": "4a87c258-b562-0500-95ff-4c32169d40b2",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "671eac40-46a3-4423-1c26-8e76d3a485c7",
                        "fromProperty": "Show",
                        "toId": "eee74749-1548-85bd-12c7-5364e251cee9",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "671eac40-46a3-4423-1c26-8e76d3a485c7",
                        "fromProperty": "Hide",
                        "toId": "4a87c258-b562-0500-95ff-4c32169d40b2",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "eee74749-1548-85bd-12c7-5364e251cee9",
                        "fromProperty": "state",
                        "toId": "e28acbbf-fc20-6aad-3cb0-51c75fa02dc1",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4a87c258-b562-0500-95ff-4c32169d40b2",
                        "fromProperty": "Position Y",
                        "toId": "e28acbbf-fc20-6aad-3cb0-51c75fa02dc1",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "4a87c258-b562-0500-95ff-4c32169d40b2",
                        "fromProperty": "Opacity",
                        "toId": "e28acbbf-fc20-6aad-3cb0-51c75fa02dc1",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "e28acbbf-fc20-6aad-3cb0-51c75fa02dc1",
                        "fromProperty": "boundingHeight",
                        "toId": "73687971-d862-c42e-554f-1564e6fdd498",
                        "toProperty": "paddingBottom"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "820e6a84-f4fe-ba01-fcd5-c24c384c0fd2",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "b27acc85-5257-fef1-7101-e657a266f879",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "5b54c8d3-53f2-553e-d510-8556a4203957",
                        "toProperty": "id"
                    },
                    {
                        "fromId": "b662d157-8f11-cc46-ec80-db597c06b812",
                        "fromProperty": "savedValue",
                        "toId": "5b54c8d3-53f2-553e-d510-8556a4203957",
                        "toProperty": "specialId"
                    },
                    {
                        "fromId": "b27acc85-5257-fef1-7101-e657a266f879",
                        "fromProperty": "Click",
                        "toId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "b27acc85-5257-fef1-7101-e657a266f879",
                        "fromProperty": "Click",
                        "toId": "e7196f24-e199-e5b9-981a-3eaeed105426",
                        "toProperty": "doLog"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "4b5735b2-ddd5-15e5-c387-28876c4e9a76",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "5b54c8d3-53f2-553e-d510-8556a4203957",
                        "fromProperty": "result",
                        "toId": "4b5735b2-ddd5-15e5-c387-28876c4e9a76",
                        "toProperty": "isSpecial"
                    },
                    {
                        "fromId": "820e6a84-f4fe-ba01-fcd5-c24c384c0fd2",
                        "fromProperty": "Add To Cart Clicked",
                        "toId": "9f7c3dc8-4a98-651e-bd8d-bf87a4a7bb29",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "b27acc85-5257-fef1-7101-e657a266f879",
                        "fromProperty": "Click",
                        "toId": "9f7c3dc8-4a98-651e-bd8d-bf87a4a7bb29",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "fromProperty": "Showing",
                        "toId": "f4080d15-e350-292e-08a8-c15c2ccc4087",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "9f7c3dc8-4a98-651e-bd8d-bf87a4a7bb29",
                        "fromProperty": "timerFinished",
                        "toId": "4a87c258-b562-0500-95ff-4c32169d40b2",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "9f7c3dc8-4a98-651e-bd8d-bf87a4a7bb29",
                        "fromProperty": "timerFinished",
                        "toId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "4b5735b2-ddd5-15e5-c387-28876c4e9a76",
                        "fromProperty": "itemId",
                        "toId": "9c96bd14-4134-6843-a9b6-d1654553a876",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "ee9b4923-43dd-1e59-c38b-936704f7120c",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "5b54c8d3-53f2-553e-d510-8556a4203957",
                        "fromProperty": "result",
                        "toId": "ee9b4923-43dd-1e59-c38b-936704f7120c",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "ee9b4923-43dd-1e59-c38b-936704f7120c",
                        "fromProperty": "itemId",
                        "toId": "4b5735b2-ddd5-15e5-c387-28876c4e9a76",
                        "toProperty": "selectedItemId"
                    },
                    {
                        "fromId": "9259e644-9179-d41a-06cb-9fd398b926ba",
                        "fromProperty": "Showing",
                        "toId": "ee9b4923-43dd-1e59-c38b-936704f7120c",
                        "toProperty": "showing"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "a13e1113-568e-26fe-5128-4634e793b2ca",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "a12d0788-74c1-a810-4862-7232ca506c6f",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "8057dd23-4256-145d-c3c1-46af175bc6d4",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "3a85a8c5-bc5a-cd33-762e-3ead81048223",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "fromProperty": "id",
                        "toId": "4a6f72df-c013-4498-7d09-88748bf73856",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "671eac40-46a3-4423-1c26-8e76d3a485c7",
                        "type": "Component Inputs",
                        "x": 538.3244897039976,
                        "y": 391.52593358214256,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ce859eb2-6530-72d7-13ae-3d81300f2c48",
                        "type": "Component Outputs",
                        "x": 1142.2206868943779,
                        "y": 416.03588443800214,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Showing",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7daaa78b-6e3c-e26b-dc86-a3c22c95a8d5",
                        "type": "Model",
                        "x": 188.01547781853145,
                        "y": 658.5516927580486,
                        "parameters": {
                            "properties": "price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e97e71b9-c747-99db-0afd-d8e03f3036fb",
                        "type": "String",
                        "x": 521.3321437345126,
                        "y": 554.9573048880459,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "50a260ca-4471-c07a-8bbd-7d29efc1fff0",
                        "type": "Group",
                        "x": 859.7816078228849,
                        "y": 346.8296391182978,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "9259e644-9179-d41a-06cb-9fd398b926ba",
                                "type": "/UI Components/Native-ish Card",
                                "x": 20,
                                "y": 46,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "73687971-d862-c42e-554f-1564e6fdd498",
                                        "type": "Group",
                                        "label": "Content",
                                        "x": 20,
                                        "y": 122,
                                        "parameters": {
                                            "showScrollbar": false,
                                            "style": "",
                                            "paddingBottom": {
                                                "value": 200,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "45a3b4eb-fbf7-7d06-ee05-e0bd568cd6da",
                                                "type": "/Product Details Page/Modules/Previously Purchased",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "Condensed Variant": true,
                                                    "Mounted": false
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "aa38cf7a-e058-c0ae-7de2-d522b5af241d",
                                                "type": "/Product Details Page/Modules/Basic Product Info",
                                                "x": 20,
                                                "y": 179,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "9c96bd14-4134-6843-a9b6-d1654553a876",
                                                "type": "/Product Details Page/Modules/Product Image",
                                                "x": 919.7816078228849,
                                                "y": 815.8296391182978,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "ee9b4923-43dd-1e59-c38b-936704f7120c",
                                                "type": "/Product Details Page/Modules/Product Variants",
                                                "x": 919.7816078228849,
                                                "y": 897.8296391182978,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "02c0ea4b-0697-3411-df74-606542873c30",
                                                "type": "/UI Components/Design System/Divider",
                                                "x": 919.7816078228849,
                                                "y": 1019.8296391182978,
                                                "parameters": {
                                                    "Padding Left": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "Padding Right": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "a12d0788-74c1-a810-4862-7232ca506c6f",
                                                "type": "/Product Details Page/Modules/Fulfillment",
                                                "x": 919.7816078228849,
                                                "y": 1065.8296391182978,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "8c9a6182-bc5e-1836-6955-eb96a94bee8a",
                                                "type": "/UI Components/Design System/Divider",
                                                "x": 919.7816078228849,
                                                "y": 1147.8296391182978,
                                                "parameters": {
                                                    "Padding Left": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "Padding Right": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "a13e1113-568e-26fe-5128-4634e793b2ca",
                                                "type": "/Product Details Page/Modules/Product Highlights",
                                                "x": 919.7816078228849,
                                                "y": 1193.8296391182978,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "6defa966-2f92-0407-42c6-f8bcaf809280",
                                                "type": "/UI Components/Design System/Divider",
                                                "x": 919.7816078228849,
                                                "y": 1275.8296391182978,
                                                "parameters": {
                                                    "Padding Left": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "Padding Right": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "8057dd23-4256-145d-c3c1-46af175bc6d4",
                                                "type": "/Product Details Page/Modules/Product Details",
                                                "x": 919.7816078228849,
                                                "y": 1321.8296391182978,
                                                "parameters": {
                                                    "consideration type": "high"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "03652ebe-8e13-e628-1c1f-4877a63246a5",
                                                "type": "/UI Components/Design System/Divider",
                                                "x": 919.7816078228849,
                                                "y": 1403.8296391182978,
                                                "parameters": {
                                                    "Padding Left": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "Padding Right": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "4a6f72df-c013-4498-7d09-88748bf73856",
                                                "type": "/Product Details Page/Modules/Product Reviews",
                                                "x": 20,
                                                "y": 895,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "3e8bc806-8195-a400-9939-88f768dc2848",
                                                "type": "/UI Components/Design System/Divider",
                                                "x": 919.7816078228849,
                                                "y": 1531.8296391182978,
                                                "parameters": {
                                                    "Padding Left": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "Padding Right": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "3a85a8c5-bc5a-cd33-762e-3ead81048223",
                                                "type": "/Product Details Page/Modules/Personalization",
                                                "x": 919.7816078228849,
                                                "y": 1577.8296391182978,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "f1c50cb0-9609-b0be-4122-e4258103c05c",
                                                "type": "Group",
                                                "label": "Extra Spacing",
                                                "x": 919.7816078228849,
                                                "y": 1659.8296391182978,
                                                "parameters": {
                                                    "height": {
                                                        "value": 32,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "e28acbbf-fc20-6aad-3cb0-51c75fa02dc1",
                                "type": "Group",
                                "label": "Add To Cart And Buy Now Bar",
                                "x": 20,
                                "y": 1338,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "position": "absolute",
                                    "alignY": "bottom",
                                    "backgroundColor": "#ffffff",
                                    "zIndex": 1,
                                    "pointerEventsMode": "explicit"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ceba6d6d-1c40-794f-4c54-862370beee2e",
                                        "type": "/Components/Divider",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "4c6ac1a5-261d-e99c-b2d5-f703e6aca0aa",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 203,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "flexDirection": "row",
                                            "paddingLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "paddingTop": {
                                                "value": 15,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 40,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "820e6a84-f4fe-ba01-fcd5-c24c384c0fd2",
                                                "type": "/UI Components/Big Add To Cart Stepper",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "d62a9109-7f28-f655-58ff-4903380d1d28",
                                                "type": "Group",
                                                "x": 1993.723451442912,
                                                "y": 3224.1633610255726,
                                                "parameters": {
                                                    "width": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "b27acc85-5257-fef1-7101-e657a266f879",
                                                "type": "/UI Components/Buy Now Button",
                                                "x": 20,
                                                "y": 194,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "4a87c258-b562-0500-95ff-4c32169d40b2",
                        "type": "States",
                        "x": 513.9315741126459,
                        "y": 845.1428822638144,
                        "parameters": {
                            "states": "Hidden,Showing",
                            "values": "Opacity,Position Y",
                            "value-Hidden-Opacity": 0,
                            "value-Showing-Opacity": 1,
                            "value-Hidden-Position Y": 100,
                            "value-Showing-Position Y": 0,
                            "startState": "Showing"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Position Y",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Hidden|Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Position Y",
                                "displayName": "Position Y",
                                "editorName": "Hidden|Position Y",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Hidden Transition",
                                "name": "transition-Hidden",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Hidden Transition",
                                "name": "duration-Hidden",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hidden",
                                "name": "to-Hidden",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hidden",
                                "name": "at-Hidden",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hidden",
                                "name": "reached-Hidden",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Showing|Opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Position Y",
                                "displayName": "Position Y",
                                "editorName": "Showing|Position Y",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Showing Transition",
                                "name": "transition-Showing",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Showing Transition",
                                "name": "duration-Showing",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Showing",
                                "name": "to-Showing",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Showing",
                                "name": "at-Showing",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Showing",
                                "name": "reached-Showing",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hidden",
                                        "Showing"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Hidden",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "eee74749-1548-85bd-12c7-5364e251cee9",
                        "type": "Switch",
                        "label": "Mounted",
                        "x": 517.1075095737434,
                        "y": 692.1428822638136,
                        "parameters": {
                            "onFromStart": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5b54c8d3-53f2-553e-d510-8556a4203957",
                        "type": "Expression",
                        "x": -127.93923649352038,
                        "y": 1437.3570228924118,
                        "parameters": {
                            "expression": "id === specialId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "id",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "specialId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b662d157-8f11-cc46-ec80-db597c06b812",
                        "type": "String",
                        "label": "Special Item Id",
                        "x": -164.55469389147447,
                        "y": 1607.9143381350912,
                        "parameters": {
                            "value": "370806386"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e7196f24-e199-e5b9-981a-3eaeed105426",
                        "type": "/SessionData/Page event",
                        "x": 1186.925096955042,
                        "y": 2249.7247261180883,
                        "parameters": {
                            "pageId": "place_order",
                            "action": "from_buy_now"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4b5735b2-ddd5-15e5-c387-28876c4e9a76",
                        "type": "Javascript2",
                        "x": 384.59575229033277,
                        "y": 1341.5843422160317,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    itemId: \"number\",\n\t    selectedItemId: \"number\",\n\t    isSpecial: \"boolean\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    itemId: \"number\"\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\tif(inputs.isSpecial){\n\t\t    if(inputs.itemId === inputs.selectedItemId){\n\t\t        console.log(\"helelåe\");\n\t\t        outputs.itemId = 370806386\n\t\t    }else{\n\t\t        outputs.itemId = inputs.selectedItemId;\n\t\t    }\n\t\t}else{\n\t\t    outputs.itemId = inputs.itemId;\n\t\t}\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "selectedItemId",
                                "plug": "input",
                                "type": {
                                    "name": "number"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "isSpecial",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "itemId",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9f7c3dc8-4a98-651e-bd8d-bf87a4a7bb29",
                        "type": "Timer",
                        "x": 1431.5627686189637,
                        "y": 926.1126741951596,
                        "parameters": {
                            "duration": 300
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f4080d15-e350-292e-08a8-c15c2ccc4087",
                        "type": "Event Sender",
                        "x": 1161.5374685562508,
                        "y": 601.3312791098772,
                        "parameters": {
                            "channelName": "Set Personalization Modules"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Basic Product Info",
            "graph": {
                "connections": [
                    {
                        "fromId": "416ff2de-42fd-c5a9-3997-166a6cc8052a",
                        "fromProperty": "Item Id",
                        "toId": "fddd890f-c0cc-eb89-07d5-b340779f0959",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "fddd890f-c0cc-eb89-07d5-b340779f0959",
                        "fromProperty": "price",
                        "toId": "5415d94a-da73-91cb-af81-630bacdc2549",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "5415d94a-da73-91cb-af81-630bacdc2549",
                        "fromProperty": "Formatted Price",
                        "toId": "dedac5e8-c436-2fb2-f0f4-be5e933a1203",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "fddd890f-c0cc-eb89-07d5-b340779f0959",
                        "fromProperty": "customerRating",
                        "toId": "6626347e-39be-44f8-1478-dbab3d92db6b",
                        "toProperty": "Rating Score"
                    },
                    {
                        "fromId": "fddd890f-c0cc-eb89-07d5-b340779f0959",
                        "fromProperty": "numReviews",
                        "toId": "6626347e-39be-44f8-1478-dbab3d92db6b",
                        "toProperty": "Ratings Count"
                    },
                    {
                        "fromId": "fddd890f-c0cc-eb89-07d5-b340779f0959",
                        "fromProperty": "title",
                        "toId": "1c6deed0-337f-d2db-de87-bdb3ce52e79a",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "416ff2de-42fd-c5a9-3997-166a6cc8052a",
                        "fromProperty": "Item Id",
                        "toId": "812d3f4b-ff01-6413-dbde-c1e649b38507",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "416ff2de-42fd-c5a9-3997-166a6cc8052a",
                        "type": "Component Inputs",
                        "x": -20,
                        "y": 519,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "126b6c43-05ad-3941-5da2-574ddf768b91",
                        "type": "Group",
                        "x": 470,
                        "y": 395,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ec1fa1ae-3626-e83a-b65c-fb8a51f636ae",
                                "type": "Text",
                                "label": "Brand",
                                "x": 490,
                                "y": 441,
                                "parameters": {
                                    "text": "Brand",
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "fontSize": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "color": "#46474A"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "1c6deed0-337f-d2db-de87-bdb3ce52e79a",
                                "type": "Text",
                                "label": "Title",
                                "x": 490,
                                "y": 502,
                                "parameters": {
                                    "text": "Title",
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "fontSize": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "color": "#2E2F32"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "7ec6c716-6b0a-7d8b-8be4-5542125c601b",
                                "type": "Group",
                                "x": 490,
                                "y": 599,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "dedac5e8-c436-2fb2-f0f4-be5e933a1203",
                                        "type": "Text",
                                        "label": "Price",
                                        "x": 510,
                                        "y": 645,
                                        "parameters": {
                                            "text": "Brand",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            },
                                            "color": "#2E2F32"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6626347e-39be-44f8-1478-dbab3d92db6b",
                                        "type": "/UI Components/Star Rating",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "Align X": "right",
                                            "Position": "absolute",
                                            "Align Y": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "812d3f4b-ff01-6413-dbde-c1e649b38507",
                                "type": "/UI Components/Pricing Badge",
                                "x": 20,
                                "y": 449,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "fddd890f-c0cc-eb89-07d5-b340779f0959",
                        "type": "Model",
                        "x": 167,
                        "y": 581,
                        "parameters": {
                            "properties": "price,customerRating,numReviews,title"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5415d94a-da73-91cb-af81-630bacdc2549",
                        "type": "/Components/Price Format",
                        "x": 105.57919641655587,
                        "y": 786.2374340328544,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Product Image",
            "graph": {
                "connections": [
                    {
                        "fromId": "7801db92-da41-39ae-9286-2a6d3fbfad9a",
                        "fromProperty": "img",
                        "toId": "121c1a4d-f48f-a9ad-4542-31e3c1443274",
                        "toProperty": "url"
                    },
                    {
                        "fromId": "b5854076-88a1-9499-fbf3-65615d1d0a97",
                        "fromProperty": "Item Id",
                        "toId": "7801db92-da41-39ae-9286-2a6d3fbfad9a",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "7801db92-da41-39ae-9286-2a6d3fbfad9a",
                        "fromProperty": "img",
                        "toId": "961338ec-12b2-8370-1f9e-d5b8848d659f",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "4eeae077-4869-9be5-fb2e-da82705db408",
                        "fromProperty": "state",
                        "toId": "961338ec-12b2-8370-1f9e-d5b8848d659f",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "121c1a4d-f48f-a9ad-4542-31e3c1443274",
                        "fromProperty": "highRes",
                        "toId": "961338ec-12b2-8370-1f9e-d5b8848d659f",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "961338ec-12b2-8370-1f9e-d5b8848d659f",
                        "fromProperty": "currentValue",
                        "toId": "13a58a78-01c3-73ce-cb69-d7c67c7462b0",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "13a58a78-01c3-73ce-cb69-d7c67c7462b0",
                        "fromProperty": "onLoad",
                        "toId": "4eeae077-4869-9be5-fb2e-da82705db408",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "7801db92-da41-39ae-9286-2a6d3fbfad9a",
                        "fromProperty": "img",
                        "toId": "c3b3117f-50df-a13a-a11c-791eb6b699cd",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "c3b3117f-50df-a13a-a11c-791eb6b699cd",
                        "fromProperty": "valueChanged",
                        "toId": "4eeae077-4869-9be5-fb2e-da82705db408",
                        "toProperty": "off"
                    }
                ],
                "roots": [
                    {
                        "id": "b5854076-88a1-9499-fbf3-65615d1d0a97",
                        "type": "Component Inputs",
                        "x": 174,
                        "y": 409,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5c6caca8-a387-e5fd-a871-4f39ab632327",
                        "type": "Group",
                        "x": 988,
                        "y": 324,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 14,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "13a58a78-01c3-73ce-cb69-d7c67c7462b0",
                                "type": "Image",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "style": "{\n}"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "ba12c78f-5774-33a9-4222-32c8508b214e",
                                "type": "/UI Components/Carousel Indicator",
                                "x": 20,
                                "y": 128,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "7801db92-da41-39ae-9286-2a6d3fbfad9a",
                        "type": "Model",
                        "x": 447,
                        "y": 406,
                        "parameters": {
                            "properties": "img"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "121c1a4d-f48f-a9ad-4542-31e3c1443274",
                        "type": "Javascript2",
                        "label": "High Res Url",
                        "x": 728.3333333333334,
                        "y": 327.99583721375365,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    url: \"string\"\n\t},\n\toutputs:{\n\t    highRes: \"string\"\n\t},\n\n\tchange:function(inputs,outputs) {\n\t    if(!inputs.url)\n\t        return; \n\t\tlet newUrl = inputs.url.replace(\"odnHeight=215\",\"odnHeight=216\");\n\t\toutputs.highRes = newUrl.replace(\"odnWidth=215\",\"odnWidth=216\")\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "url",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "highRes",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "961338ec-12b2-8370-1f9e-d5b8848d659f",
                        "type": "String Selector",
                        "x": 740.5,
                        "y": 595,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4eeae077-4869-9be5-fb2e-da82705db408",
                        "type": "Switch",
                        "x": 743.5,
                        "y": 456,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c3b3117f-50df-a13a-a11c-791eb6b699cd",
                        "type": "Value Changed",
                        "x": 452.8244569691748,
                        "y": 548.8773228658902,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Previously Purchased",
            "graph": {
                "connections": [
                    {
                        "fromId": "1a07e245-d6be-e486-979b-9c191a0b30ce",
                        "fromProperty": "Item Id",
                        "toId": "e2347f3a-a5ed-f393-2589-33bb955f82cc",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "c4cdaf92-cae8-fcac-ea3e-e5e976a8080a",
                        "fromProperty": "at-Detailed",
                        "toId": "22bbab31-aa30-c9c7-bdc1-504ba595b19c",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "c4cdaf92-cae8-fcac-ea3e-e5e976a8080a",
                        "fromProperty": "at-Mini",
                        "toId": "72c02fbb-2d7b-432a-0b84-a8335ac1ba7a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "1a07e245-d6be-e486-979b-9c191a0b30ce",
                        "fromProperty": "Condensed Variant",
                        "toId": "32244222-af60-2930-ff0f-034d3a03315e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "e2347f3a-a5ed-f393-2589-33bb955f82cc",
                        "fromProperty": "savedValue",
                        "toId": "ab4fb17a-44bb-f7e6-a84c-f3e1f8341066",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "ab4fb17a-44bb-f7e6-a84c-f3e1f8341066",
                        "fromProperty": "Range",
                        "toId": "4653fc6d-96f7-3710-96a8-f4802f9ebef1",
                        "toProperty": "randomNumber"
                    },
                    {
                        "fromId": "4653fc6d-96f7-3710-96a8-f4802f9ebef1",
                        "fromProperty": "result",
                        "toId": "a9b0aed9-c126-b3cc-fe74-b9e9105fa6b2",
                        "toProperty": "X"
                    },
                    {
                        "fromId": "a9b0aed9-c126-b3cc-fe74-b9e9105fa6b2",
                        "fromProperty": "formatted",
                        "toId": "802e07b8-b66c-122a-6d6f-604213c8cb06",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "32244222-af60-2930-ff0f-034d3a03315e",
                        "fromProperty": "savedValue",
                        "toId": "2ffd8563-0e9c-0ae8-e018-75e41774c2e6",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "2ffd8563-0e9c-0ae8-e018-75e41774c2e6",
                        "fromProperty": "currentValue",
                        "toId": "c4cdaf92-cae8-fcac-ea3e-e5e976a8080a",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "1a07e245-d6be-e486-979b-9c191a0b30ce",
                        "fromProperty": "Mounted",
                        "toId": "ab5d1109-d133-6048-e7c7-af2747606f92",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "1a07e245-d6be-e486-979b-9c191a0b30ce",
                        "type": "Component Inputs",
                        "x": 228.0000000000001,
                        "y": 544,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Condensed Variant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e2347f3a-a5ed-f393-2589-33bb955f82cc",
                        "type": "String",
                        "x": 579.0702391140256,
                        "y": 605.3603741419998,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ab5d1109-d133-6048-e7c7-af2747606f92",
                        "type": "Group",
                        "x": 1155,
                        "y": 351,
                        "parameters": {
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "22bbab31-aa30-c9c7-bdc1-504ba595b19c",
                                "type": "Group",
                                "x": 1175,
                                "y": 433,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "borderStyle": "solid",
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "borderColor": "#A2A2A2",
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "borderRadius": 4
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a9085919-fd06-f0ca-7013-8fd6a716076d",
                                        "type": "Text",
                                        "x": 1195,
                                        "y": 515,
                                        "parameters": {
                                            "text": "Bought X times",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#005AB0"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "72c02fbb-2d7b-432a-0b84-a8335ac1ba7a",
                                "type": "Group",
                                "x": 1175,
                                "y": 561,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6a680d47-cabf-c7d0-9af0-beb5f223254f",
                                        "type": "Image",
                                        "x": 1195,
                                        "y": 643,
                                        "parameters": {
                                            "src": "icons/purchase-history-checkmark.svg",
                                            "alignY": "center",
                                            "marginRight": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "802e07b8-b66c-122a-6d6f-604213c8cb06",
                                        "type": "Text",
                                        "x": 1195,
                                        "y": 689,
                                        "parameters": {
                                            "text": "Bought X times",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#005AB0"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "c4cdaf92-cae8-fcac-ea3e-e5e976a8080a",
                        "type": "States",
                        "x": 932,
                        "y": 542,
                        "parameters": {
                            "states": "Detailed,Mini",
                            "duration-Detailed": 0,
                            "duration-Mini": 0,
                            "startState": "Mini"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Detailed Transition",
                                "name": "transition-Detailed",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Detailed Transition",
                                "name": "duration-Detailed",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Detailed",
                                "name": "to-Detailed",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Detailed",
                                "name": "at-Detailed",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Detailed",
                                "name": "reached-Detailed",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Mini Transition",
                                "name": "transition-Mini",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Mini Transition",
                                "name": "duration-Mini",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Mini",
                                "name": "to-Mini",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Mini",
                                "name": "at-Mini",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Mini",
                                "name": "reached-Mini",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Detailed",
                                        "Mini"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Detailed",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ab4fb17a-44bb-f7e6-a84c-f3e1f8341066",
                        "type": "/Product Details Page/Modules/Components/Range From Id",
                        "x": 588.0398671552141,
                        "y": 508.3446829558072,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4653fc6d-96f7-3710-96a8-f4802f9ebef1",
                        "type": "Expression",
                        "x": 863.0398671552141,
                        "y": 864.3446829558072,
                        "parameters": {
                            "expression": "round(5*(1.0-Math.pow(randomNumber, 1.0)))"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "randomNumber",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "32244222-af60-2930-ff0f-034d3a03315e",
                        "type": "Boolean",
                        "x": 579.211289612655,
                        "y": 714.0011347459275,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a9b0aed9-c126-b3cc-fe74-b9e9105fa6b2",
                        "type": "String Format",
                        "x": 1015.211289612655,
                        "y": 780.0011347459275,
                        "parameters": {
                            "format": "Bought {X} times"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "X",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2ffd8563-0e9c-0ae8-e018-75e41774c2e6",
                        "type": "String Selector",
                        "x": 814.211289612655,
                        "y": 703.0011347459275,
                        "parameters": {
                            "input 0": "Detailed",
                            "input 1": "Mini"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Fulfillment",
            "graph": {
                "connections": [
                    {
                        "fromId": "6e4a46ab-74d8-6cb8-7de1-dd59f999e798",
                        "fromProperty": "Item Id",
                        "toId": "a27b844c-b68d-d26c-d6ca-ae88b356c1f9",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "48ed01d3-392a-1462-c9b8-51bd2b4047e4",
                        "fromProperty": "DeliveryAddress",
                        "toId": "27d9a032-6aa9-295a-f778-46217cbe8b21",
                        "toProperty": "address"
                    },
                    {
                        "fromId": "a27b844c-b68d-d26c-d6ca-ae88b356c1f9",
                        "fromProperty": "distributionSource",
                        "toId": "ad8793a0-2f11-806b-33dc-51bc3b3d584c",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "ad8793a0-2f11-806b-33dc-51bc3b3d584c",
                        "fromProperty": "mappedString",
                        "toId": "7d8f897f-e15e-72cb-a269-12df4558f9ac",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "a27b844c-b68d-d26c-d6ca-ae88b356c1f9",
                        "fromProperty": "distributionSource",
                        "toId": "6fded36e-7641-8d62-2b47-047ba425cf4e",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "6fded36e-7641-8d62-2b47-047ba425cf4e",
                        "fromProperty": "at-fulfillment-center",
                        "toId": "7426d750-ec58-e885-00ca-54675c90b4d3",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "27d9a032-6aa9-295a-f778-46217cbe8b21",
                        "fromProperty": "formatted",
                        "toId": "85c5aee8-2112-520d-3fb8-1385d224e058",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "7426d750-ec58-e885-00ca-54675c90b4d3",
                        "fromProperty": "currentValue",
                        "toId": "27d9a032-6aa9-295a-f778-46217cbe8b21",
                        "toProperty": "time"
                    },
                    {
                        "fromId": "5515312b-3acf-397b-da8d-96b720491338",
                        "fromProperty": "When Is Slot Available",
                        "toId": "a0cb6d5c-c218-1cb6-6504-4502ebf23f73",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "a0cb6d5c-c218-1cb6-6504-4502ebf23f73",
                        "fromProperty": "mappedString",
                        "toId": "7426d750-ec58-e885-00ca-54675c90b4d3",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "a27b844c-b68d-d26c-d6ca-ae88b356c1f9",
                        "fromProperty": "shippingDays",
                        "toId": "e901cf38-bae2-c122-952b-6cd94a583f66",
                        "toProperty": "shippingDays"
                    },
                    {
                        "fromId": "e901cf38-bae2-c122-952b-6cd94a583f66",
                        "fromProperty": "result",
                        "toId": "7426d750-ec58-e885-00ca-54675c90b4d3",
                        "toProperty": "input 1"
                    }
                ],
                "roots": [
                    {
                        "id": "e6d4bd85-24fc-049a-ca70-a9440080ac01",
                        "type": "Group",
                        "x": 546,
                        "y": 525,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "82e2a964-05d2-fde0-8b85-a9b301612345",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "marginRight": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "36a2ef0e-b666-d501-51cd-5b6cd2243037",
                                        "type": "Image",
                                        "x": 704.3567463713418,
                                        "y": 572.9534580473332,
                                        "parameters": {
                                            "src": "icons/delivery-icon.svg"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "1ae1bd32-1424-0242-a5b3-e631395189cf",
                                "type": "Group",
                                "x": 571.356746371342,
                                "y": 615.9534580473332,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7d8f897f-e15e-72cb-a269-12df4558f9ac",
                                        "type": "Text",
                                        "label": "Types Available",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "text": "Delivery and curbside pickup ",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "color": "#46474A"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "85c5aee8-2112-520d-3fb8-1385d224e058",
                                        "type": "Text",
                                        "label": "Details",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "text": "Delivery and curbside pickup \nSE Albuquerque (1234 Main St), as soon as 1 hour ",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "color": "#46474A"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "6e4a46ab-74d8-6cb8-7de1-dd59f999e798",
                        "type": "Component Inputs",
                        "x": -298.64325362865804,
                        "y": 897.9534580473332,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a27b844c-b68d-d26c-d6ca-ae88b356c1f9",
                        "type": "Model",
                        "x": 22.356746371341956,
                        "y": 868.9534580473332,
                        "parameters": {
                            "properties": "price,customerRating,numReviews,title,distributionSource,shippingDays"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "distributionSource",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDays",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "27d9a032-6aa9-295a-f778-46217cbe8b21",
                        "type": "String Format",
                        "x": 141.35674637134196,
                        "y": 572.9534580473332,
                        "parameters": {
                            "format": "{address}, {time}",
                            "time": "as soon as 1 hour"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "address",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "time",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "48ed01d3-392a-1462-c9b8-51bd2b4047e4",
                        "type": "Globals",
                        "x": -403.64325362865804,
                        "y": 506.95345804733324,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryShortAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Store Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ad8793a0-2f11-806b-33dc-51bc3b3d584c",
                        "type": "String Mapper",
                        "x": 18.4486397468645,
                        "y": 758.6029640405715,
                        "parameters": {
                            "input 0": "store",
                            "input 1": "fulfillment-center",
                            "output 0": "Delivery and curbside pickup ",
                            "output 1": "Shipped to you"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6fded36e-7641-8d62-2b47-047ba425cf4e",
                        "type": "States",
                        "x": 284.4486397468645,
                        "y": 895.6029640405715,
                        "parameters": {
                            "states": "store,fulfillment-center",
                            "duration-store": 0,
                            "duration-fulfillment-center": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "store Transition",
                                "name": "transition-store",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "store Transition",
                                "name": "duration-store",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To store",
                                "name": "to-store",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At store",
                                "name": "at-store",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached store",
                                "name": "reached-store",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "fulfillment-center Transition",
                                "name": "transition-fulfillment-center",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "fulfillment-center Transition",
                                "name": "duration-fulfillment-center",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To fulfillment-center",
                                "name": "to-fulfillment-center",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At fulfillment-center",
                                "name": "at-fulfillment-center",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached fulfillment-center",
                                "name": "reached-fulfillment-center",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "store",
                                        "fulfillment-center"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "store",
                                "index": 16
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "7426d750-ec58-e885-00ca-54675c90b4d3",
                        "type": "String Selector",
                        "x": 156.4486397468645,
                        "y": 409.60296404057146,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5515312b-3acf-397b-da8d-96b720491338",
                        "type": "/Components/Next Delivery Option",
                        "x": -306.0513602531355,
                        "y": 336.10296404057146,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a0cb6d5c-c218-1cb6-6504-4502ebf23f73",
                        "type": "String Mapper",
                        "x": -69.33184878720351,
                        "y": 335.7766774468088,
                        "parameters": {
                            "input 0": "Today",
                            "output 0": "In 2 hours",
                            "output 1": "Tomorrow",
                            "input 1": "Tomorrow",
                            "input 2": "Later",
                            "output 2": "In two days or more"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e901cf38-bae2-c122-952b-6cd94a583f66",
                        "type": "Expression",
                        "label": "Shipping Time",
                        "x": 450.9486397468645,
                        "y": 335.10296404057146,
                        "parameters": {
                            "expression": "shippingDays < 2 ? \"Tomorrow\" : shippingDays < 3 ? \"in 2 days\" : \"in more than 2 days\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "shippingDays",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Product Highlights",
            "graph": {
                "connections": [
                    {
                        "fromId": "74c9da41-b041-c72c-e010-35cc3bf30eeb",
                        "fromProperty": "Item Id",
                        "toId": "29d633c1-cafd-72f3-6165-0a332d6e9b8c",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "1cb9e8ab-b854-4b58-a4ef-10cd67921b12",
                        "fromProperty": "items",
                        "toId": "f027392e-0034-4587-c523-0ec6438d9d08",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "74c9da41-b041-c72c-e010-35cc3bf30eeb",
                        "fromProperty": "Item Id",
                        "toId": "70c20c98-7177-9b67-3117-bfb1ee3dc10a",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "70c20c98-7177-9b67-3117-bfb1ee3dc10a",
                        "fromProperty": "Category",
                        "toId": "24e99051-5db6-e688-7b52-aeb29fdc23b8",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "46537e55-480c-0322-7304-8cb0e6b47aea",
                        "fromProperty": "items",
                        "toId": "47d01912-7286-62a1-559d-e53773375c59",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "24e99051-5db6-e688-7b52-aeb29fdc23b8",
                        "fromProperty": "mappedString",
                        "toId": "44c0309d-d42e-d4dd-541a-a9c9f5763d91",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "44c0309d-d42e-d4dd-541a-a9c9f5763d91",
                        "fromProperty": "items",
                        "toId": "913edefd-de80-d86a-1671-8fc5f88cee2f",
                        "toProperty": "items"
                    }
                ],
                "roots": [
                    {
                        "id": "d28c21f1-8810-8191-bf7d-530e61c49b1c",
                        "type": "Group",
                        "x": 722,
                        "y": 711,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "a9e7ef0a-94c7-cdd7-ee6f-8ce623d8ae06",
                                "type": "Text",
                                "label": "Title",
                                "x": 742,
                                "y": 757,
                                "parameters": {
                                    "text": "Highlights",
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "fontSize": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "color": "#2E2F32",
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "43eafe44-5789-e863-68b6-31125a0169b9",
                                "type": "Group",
                                "x": 20,
                                "y": 107,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "913edefd-de80-d86a-1671-8fc5f88cee2f",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "template": "/Product Details Page/Modules/Components/Product Highlight Item"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "b54e3b4b-a60a-1422-2307-edfce02eb760",
                                "type": "Group",
                                "x": 20,
                                "y": 235,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 11,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "94e6703a-50ab-eb96-d66f-d6308bab9741",
                                        "type": "Text",
                                        "label": "More Details",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "text": "More details",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "style": "{\n    textDecoration: \"underline\"    \n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "5bb5d775-548f-c63f-1843-95462ab313e6",
                                        "type": "Text",
                                        "label": "Return Policy",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "text": "Return Policy",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "style": "{\n    textDecoration: \"underline\"    \n}",
                                            "sizeMode": "contentSize"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "74c9da41-b041-c72c-e010-35cc3bf30eeb",
                        "type": "Component Inputs",
                        "x": 155.02341303800858,
                        "y": 861.9534580473332,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "29d633c1-cafd-72f3-6165-0a332d6e9b8c",
                        "type": "Model",
                        "x": 142.02341303800858,
                        "y": 994.9534580473332,
                        "parameters": {
                            "properties": "description"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "description",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1cb9e8ab-b854-4b58-a4ef-10cd67921b12",
                        "type": "Static Data",
                        "x": 279.0234130380086,
                        "y": 599.9534580473332,
                        "parameters": {
                            "csv": "icon,text\ndefault,\"Great taste\"\ndefault,\"Super fresh\"\ndefault,\"Made from the best ingredients\""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f027392e-0034-4587-c523-0ec6438d9d08",
                        "type": "Collection",
                        "x": 480.0234130380086,
                        "y": 580.9534580473332,
                        "parameters": {
                            "collectionId": "food-highlights"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "70c20c98-7177-9b67-3117-bfb1ee3dc10a",
                        "type": "/Components/Get Item Category",
                        "x": -31.980489134992922,
                        "y": 1175.627881706111,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "24e99051-5db6-e688-7b52-aeb29fdc23b8",
                        "type": "String Mapper",
                        "x": 447.0195108650071,
                        "y": 1201.627881706111,
                        "parameters": {
                            "input 0": "Food",
                            "output 0": "food-highlights",
                            "defaultMapping": "generic-highlights"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "44c0309d-d42e-d4dd-541a-a9c9f5763d91",
                        "type": "Collection",
                        "x": 540.0195108650071,
                        "y": 861.6278817061111,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "46537e55-480c-0322-7304-8cb0e6b47aea",
                        "type": "Static Data",
                        "x": 265.0195108650071,
                        "y": 702.6278817061111,
                        "parameters": {
                            "csv": "icon,text\ndefault,\"High quality\"\ndefault,\"Convenient size\"\ndefault,\"30% better than similar products\"\ndefault,\"International brand\""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "47d01912-7286-62a1-559d-e53773375c59",
                        "type": "Collection",
                        "x": 465.0195108650071,
                        "y": 694.6278817061111,
                        "parameters": {
                            "collectionId": "generic-highlights"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Product Details",
            "graph": {
                "connections": [
                    {
                        "fromId": "aa673bdc-1237-7267-fd4a-5c300dbbfb89",
                        "fromProperty": "Item Id",
                        "toId": "6c35b80e-8ec1-95d2-7ffc-73e4966704ab",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "6c35b80e-8ec1-95d2-7ffc-73e4966704ab",
                        "fromProperty": "Category",
                        "toId": "70c066e6-6f11-8756-775f-6d094adbc65d",
                        "toProperty": "category"
                    },
                    {
                        "fromId": "afc187ed-80d1-a989-dc1d-bf5292d82a83",
                        "fromProperty": "price",
                        "toId": "bd77eb07-eef4-0840-1084-cc432013ca26",
                        "toProperty": "price"
                    },
                    {
                        "fromId": "aa673bdc-1237-7267-fd4a-5c300dbbfb89",
                        "fromProperty": "Item Id",
                        "toId": "afc187ed-80d1-a989-dc1d-bf5292d82a83",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "bd77eb07-eef4-0840-1084-cc432013ca26",
                        "fromProperty": "result",
                        "toId": "81215985-17f5-bc74-7333-cc6e870fbfed",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "70c066e6-6f11-8756-775f-6d094adbc65d",
                        "fromProperty": "result",
                        "toId": "d5665e5e-5b88-8b40-ae66-d882791d6eb9",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "aae3438f-d1c4-e833-3456-f67a040f21b3",
                        "fromProperty": "result",
                        "toId": "ba3399c8-f8d3-e146-63eb-bac19dd1c75b",
                        "toProperty": "At Step"
                    },
                    {
                        "fromId": "d73341d5-435e-e0e6-c14b-44754ad0f56f",
                        "fromProperty": "onScrollPositionChanged",
                        "toId": "aae3438f-d1c4-e833-3456-f67a040f21b3",
                        "toProperty": "scrollPosition"
                    },
                    {
                        "fromId": "70c066e6-6f11-8756-775f-6d094adbc65d",
                        "fromProperty": "result",
                        "toId": "9c1b18f1-a118-a51e-a6fc-26510073a286",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "bd77eb07-eef4-0840-1084-cc432013ca26",
                        "fromProperty": "result",
                        "toId": "9c1b18f1-a118-a51e-a6fc-26510073a286",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "9c1b18f1-a118-a51e-a6fc-26510073a286",
                        "fromProperty": "result",
                        "toId": "ba3399c8-f8d3-e146-63eb-bac19dd1c75b",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "bd77eb07-eef4-0840-1084-cc432013ca26",
                        "fromProperty": "result",
                        "toId": "0a0ed44d-c6c1-4313-9ebc-c013726b037e",
                        "toProperty": "Show Compare"
                    },
                    {
                        "fromId": "70c066e6-6f11-8756-775f-6d094adbc65d",
                        "fromProperty": "result",
                        "toId": "0a0ed44d-c6c1-4313-9ebc-c013726b037e",
                        "toProperty": "Show Nutrition Information"
                    }
                ],
                "roots": [
                    {
                        "id": "aa673bdc-1237-7267-fd4a-5c300dbbfb89",
                        "type": "Component Inputs",
                        "x": 93.71451312058355,
                        "y": 595.3178266942733,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3fc2fcc8-4514-eb01-6c98-c9b88e26e804",
                        "type": "Group",
                        "x": 927.4997551183976,
                        "y": 467.49867584351534,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "eac5ed6c-6874-0633-a2eb-b682c46736ca",
                                "type": "Text",
                                "label": "Title",
                                "x": 646,
                                "y": 594,
                                "parameters": {
                                    "text": "Product Details",
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "fontSize": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "color": "#2E2F32"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "0a0ed44d-c6c1-4313-9ebc-c013726b037e",
                                "type": "/Product Details Page/Modules/Components/Product Details Pills",
                                "x": 20,
                                "y": 107,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "d73341d5-435e-e0e6-c14b-44754ad0f56f",
                                "type": "Group",
                                "label": "Cards",
                                "x": 20,
                                "y": 189,
                                "parameters": {
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "flexDirection": "row",
                                    "scrollDirection": "x",
                                    "showScrollbar": false,
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "scrollBehavior": "noodl",
                                    "scrollSnapEnabled": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6451b0b4-2182-fab7-a33f-ba773f719453",
                                        "type": "/Product Details Page/Modules/Components/Featuers Card",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "d5665e5e-5b88-8b40-ae66-d882791d6eb9",
                                        "type": "/Product Details Page/Modules/Components/Nutrition Information Card",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "81215985-17f5-bc74-7333-cc6e870fbfed",
                                        "type": "/Product Details Page/Modules/Components/Product Details Compare Card",
                                        "x": 20,
                                        "y": 189,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "ba3399c8-f8d3-e146-63eb-bac19dd1c75b",
                                "type": "/UI Components/Carousel Indicator",
                                "x": 20,
                                "y": 496,
                                "parameters": {
                                    "Num Steps": 2,
                                    "At Step": 1
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "6c35b80e-8ec1-95d2-7ffc-73e4966704ab",
                        "type": "/Components/Get Item Category",
                        "x": 281.2497143047973,
                        "y": 795.9984551507679,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "70c066e6-6f11-8756-775f-6d094adbc65d",
                        "type": "Expression",
                        "x": 633.2497143047973,
                        "y": 808.9984551507679,
                        "parameters": {
                            "expression": "category === \"Food\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "category",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bd77eb07-eef4-0840-1084-cc432013ca26",
                        "type": "Expression",
                        "x": 650.2771543454143,
                        "y": 325.66445854906567,
                        "parameters": {
                            "expression": "price > 50"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "price",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "afc187ed-80d1-a989-dc1d-bf5292d82a83",
                        "type": "Model",
                        "x": 448.2497143047973,
                        "y": 337.9984551507679,
                        "parameters": {
                            "properties": "price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "aae3438f-d1c4-e833-3456-f67a040f21b3",
                        "type": "Expression",
                        "x": 1315.2497143047972,
                        "y": 827.9984551507679,
                        "parameters": {
                            "expression": "Math.round(scrollPosition / 324)"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "scrollPosition",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9c1b18f1-a118-a51e-a6fc-26510073a286",
                        "type": "Or",
                        "x": 712.2497143047973,
                        "y": 968.9984551507678,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Product Reviews",
            "graph": {
                "connections": [
                    {
                        "fromId": "47dc9ff4-2ee9-57ba-a47c-ba604f0f55c3",
                        "fromProperty": "Item Id",
                        "toId": "b3aacb8c-f8eb-3145-5767-9ae0314af0ad",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "b3aacb8c-f8eb-3145-5767-9ae0314af0ad",
                        "fromProperty": "savedValue",
                        "toId": "457c8225-7a65-b455-5c2f-52fbfd9f1314",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "457c8225-7a65-b455-5c2f-52fbfd9f1314",
                        "fromProperty": "customerRating",
                        "toId": "9fd81297-6911-6568-e46c-5966e98d1b03",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "9fd81297-6911-6568-e46c-5966e98d1b03",
                        "fromProperty": "result",
                        "toId": "95d4ae36-4681-a4a2-a571-387ecb5b6ad9",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "457c8225-7a65-b455-5c2f-52fbfd9f1314",
                        "fromProperty": "numReviews",
                        "toId": "9fd81297-6911-6568-e46c-5966e98d1b03",
                        "toProperty": "nbrOfReviews"
                    },
                    {
                        "fromId": "457c8225-7a65-b455-5c2f-52fbfd9f1314",
                        "fromProperty": "customerRating",
                        "toId": "5799802f-5fb3-91d1-8227-a83529d6e735",
                        "toProperty": "Rating Score"
                    },
                    {
                        "fromId": "f03585c0-4e41-8af1-b8c2-b1b0d91c01af",
                        "fromProperty": "items",
                        "toId": "cf4f45ee-0133-2b47-8561-d32cdb026591",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "cf4f45ee-0133-2b47-8561-d32cdb026591",
                        "fromProperty": "items",
                        "toId": "eb442fb4-a379-a30b-af05-98245e5e2b98",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "457c8225-7a65-b455-5c2f-52fbfd9f1314",
                        "fromProperty": "numReviews",
                        "toId": "c4528882-b34d-2698-4550-855eee981e08",
                        "toProperty": "reviews"
                    },
                    {
                        "fromId": "c4528882-b34d-2698-4550-855eee981e08",
                        "fromProperty": "result",
                        "toId": "263a1f25-aa91-f8c6-52d1-787b88e50e7b",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "c4ee8983-6e22-1e86-a8cc-df69fb68d8d3",
                        "type": "Group",
                        "x": 988,
                        "y": 661,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "291d36e9-e739-fa46-7aa4-20047d1117af",
                                "type": "Group",
                                "label": "Header",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7ab905e7-cdda-9816-4c8b-da723eb79551",
                                        "type": "Text",
                                        "label": "Title",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "text": "Customer reviews",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "color": "#2E2F32"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "819de5bb-8689-0dbc-68ac-2c6ff02f33dc",
                                "type": "Group",
                                "label": "Review",
                                "x": 20,
                                "y": 168,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5799802f-5fb3-91d1-8227-a83529d6e735",
                                        "type": "/UI Components/Star Rating",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "Align Y": "center",
                                            "Mount Ratings Count": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "95d4ae36-4681-a4a2-a571-387ecb5b6ad9",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "color": "#74767C",
                                            "alignY": "center",
                                            "marginLeft": {
                                                "value": 4,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "4956a0cd-41ee-cf64-d03e-cae1d0b6e20c",
                                "type": "Group",
                                "label": "Frequent mentions",
                                "x": 20,
                                "y": 393,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight",
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "90692716-655c-6ad7-39bc-ae7bc02f4fd4",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "alignY": "center",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "text": "Frequent mentions:",
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "6f9e0763-bc6b-114f-c362-cc0b6729feca",
                                        "type": "Group",
                                        "label": "Pills",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "paddingLeft": {
                                                "value": 7,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "3417e779-c23e-2987-13ad-7b053e99e090",
                                                "type": "Group",
                                                "label": "Group",
                                                "x": 1048,
                                                "y": 1222,
                                                "parameters": {
                                                    "paddingLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingTop": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "borderStyle": "solid",
                                                    "borderWidth": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "borderColor": "#000000",
                                                    "sizeMode": "contentSize",
                                                    "borderRadius": 20
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "b7e7e4ce-5d16-8619-5fba-e3a08c989d1a",
                                                        "type": "Text",
                                                        "x": 1068,
                                                        "y": 1268,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "text": "Value",
                                                            "fontSize": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "1228120c-23b0-961a-195c-40e35de4484d",
                                                "type": "Group",
                                                "label": "Group",
                                                "x": 20,
                                                "y": 153,
                                                "parameters": {
                                                    "paddingLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingTop": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "borderStyle": "solid",
                                                    "borderWidth": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "borderColor": "#000000",
                                                    "sizeMode": "contentSize",
                                                    "borderRadius": 20,
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "79d16d55-ab8c-d353-96c6-a74ea3682052",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "text": "Clean",
                                                            "fontSize": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "52dc6db5-d424-5656-d7fa-8b36a111f4fc",
                                                "type": "Group",
                                                "label": "Group",
                                                "x": 20,
                                                "y": 245,
                                                "parameters": {
                                                    "paddingLeft": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "paddingBottom": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingTop": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "paddingRight": {
                                                        "value": 15,
                                                        "unit": "px"
                                                    },
                                                    "borderStyle": "solid",
                                                    "borderWidth": {
                                                        "value": 1,
                                                        "unit": "px"
                                                    },
                                                    "borderColor": "#000000",
                                                    "sizeMode": "contentSize",
                                                    "borderRadius": 20,
                                                    "marginLeft": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "a39dcbd7-930f-d874-394c-4faea0bb6dbe",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "text": "Quiet",
                                                            "fontSize": {
                                                                "value": 15,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "bd0d50a7-9f0c-bf05-0f5d-93807157b5d9",
                                "type": "Group",
                                "label": "Individual star ratings",
                                "x": 20,
                                "y": 837,
                                "parameters": {
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c8438242-9a6e-e08b-2e7d-0c9335d680af",
                                        "type": "/Components/Star Ratings Bar",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "Number of stars": 5,
                                            "number of ratings": "2",
                                            "rating": 1
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "95c662fe-dfa4-4d69-5378-54b81f670e02",
                                        "type": "/Components/Star Ratings Bar",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "Number of stars": 4,
                                            "number of ratings": "10",
                                            "rating": 4.5
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "d9013f3b-d891-0e1d-a849-b421c2ca9fb8",
                                        "type": "/Components/Star Ratings Bar",
                                        "x": 20,
                                        "y": 153,
                                        "parameters": {
                                            "Number of stars": 3,
                                            "number of ratings": 1,
                                            "rating": 0
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "d3f14214-4491-c0c5-b4e3-38ca8b3f1078",
                                        "type": "/Components/Star Ratings Bar",
                                        "x": 20,
                                        "y": 199,
                                        "parameters": {
                                            "Number of stars": 2,
                                            "number of ratings": 0,
                                            "rating": 0
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "2f55791e-6336-640b-752f-b4d880628b1d",
                                        "type": "/Components/Star Ratings Bar",
                                        "x": 20,
                                        "y": 245,
                                        "parameters": {
                                            "Number of stars": 1,
                                            "number of ratings": 2,
                                            "rating": 1
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "9eb76d46-8517-34b3-1931-73496e89c0e0",
                                "type": "Group",
                                "label": "Top Reviews",
                                "x": 20,
                                "y": 1128,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c49611c0-2ae9-c391-fbfe-32dfb2e482ac",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "text": "Top reviews"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "cb052384-59d4-92a5-84e9-f5bc50c2cd72",
                                        "type": "Group",
                                        "label": "Product Review Carousel",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "scrollDirection": "x",
                                            "flexDirection": "row",
                                            "scrollBehavior": "noodl"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "eb442fb4-a379-a30b-af05-98245e5e2b98",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "template": "/Product Details Page/Modules/Components/Top Review Card"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "6c53e044-03a3-1aea-081e-9a58871a281e",
                                "type": "Group",
                                "label": "See all reviews button",
                                "x": 20,
                                "y": 1378,
                                "parameters": {
                                    "alignX": "center",
                                    "alignY": "center",
                                    "sizeMode": "contentWidth",
                                    "paddingTop": {
                                        "value": 5,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 5,
                                        "unit": "px"
                                    },
                                    "borderRadius": 16,
                                    "borderStyle": "solid",
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "263a1f25-aa91-f8c6-52d1-787b88e50e7b",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "textAlign": "center",
                                            "fontFamily": "fonts/Bogle-Bold.otf"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "47dc9ff4-2ee9-57ba-a47c-ba604f0f55c3",
                        "type": "Component Inputs",
                        "x": -75,
                        "y": 627,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b3aacb8c-f8eb-3145-5767-9ae0314af0ad",
                        "type": "String",
                        "x": 125.07023911402575,
                        "y": 609.3603741419997,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "457c8225-7a65-b455-5c2f-52fbfd9f1314",
                        "type": "Model",
                        "x": 344.0234130380086,
                        "y": 634.9534580473332,
                        "parameters": {
                            "properties": "title,img,description,price,numReviews,customerRating,inHorizontalList,itemId,count"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "description",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingTime",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "inHorizontalList",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "count",
                                "index": 15
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9fd81297-6911-6568-e46c-5966e98d1b03",
                        "type": "Expression",
                        "x": 737.0234130380086,
                        "y": 957.9534580473332,
                        "parameters": {
                            "expression": "rating * 10 + \" | \" + nbrOfReviews + \" reviews\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "rating",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "nbrOfReviews",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f03585c0-4e41-8af1-b8c2-b1b0d91c01af",
                        "type": "Static Data",
                        "x": 629.0475438020621,
                        "y": 1943.0223469601874,
                        "parameters": {
                            "csv": "[\n    {\n        \"rating\":\"5\",\n        \"date\":2,\n        \"title:\"\",\n        \"review:\"\"\n    },\n    {\n        \"itemId\":\"20441646\",\n        \"count\":1\n    }\n\n",
                            "type": "json",
                            "json": "[\n    {\n        \"rating\":5,\n        \"date\":\"About a week ago\",\n        \"title\":\"Best purchase ever\",\n        \"review\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ex at elit luctus pellentesque. Maecenas malesuada vel odio id tempus.\"\n    },\n    {\n        \"rating\":4,\n        \"date\":\"About a week ago\",\n        \"title\":\"Best proudct\",\n        \"review\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non ex at elit luctus pellentesque. Maecenas malesuada vel odio id tempus.\"\n    }\n]\n\n"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cf4f45ee-0133-2b47-8561-d32cdb026591",
                        "type": "Collection",
                        "x": 819.0475438020621,
                        "y": 1935.0223469601874,
                        "parameters": {
                            "collectionId": "topReviews"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c4528882-b34d-2698-4550-855eee981e08",
                        "type": "Expression",
                        "x": 606.5939247510398,
                        "y": 1794.141256854969,
                        "parameters": {
                            "expression": "\"See all \" + reviews + \" reviews\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "reviews",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Personalization",
            "graph": {
                "connections": [
                    {
                        "fromId": "52d6e006-878b-6bc7-4625-7b42c74e044a",
                        "fromProperty": "Item Id",
                        "toId": "8b4efea9-83be-c7a9-3a30-460355764892",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6b192b31-f0d9-5159-e54e-1ffd3fbf3a44",
                        "fromProperty": "eventReceived",
                        "toId": "95edc1cf-d08d-3d23-dcb1-7839ffd84794",
                        "toProperty": "randomize"
                    },
                    {
                        "fromId": "95edc1cf-d08d-3d23-dcb1-7839ffd84794",
                        "fromProperty": "mountTopSelling",
                        "toId": "c2a8e5f6-f43c-65c5-d9c8-09f1975fa33f",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "95edc1cf-d08d-3d23-dcb1-7839ffd84794",
                        "fromProperty": "mountRecommended",
                        "toId": "d0a07263-17e6-8697-95a2-8dc335fd7b62",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "95edc1cf-d08d-3d23-dcb1-7839ffd84794",
                        "fromProperty": "mountOtherItems",
                        "toId": "0ae6464c-1761-7df2-d84d-b38461655cad",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "95edc1cf-d08d-3d23-dcb1-7839ffd84794",
                        "fromProperty": "mountCustomersAlsoBought",
                        "toId": "01e33513-8ed5-8ce7-ba91-e0803d70926b",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "8b4efea9-83be-c7a9-3a30-460355764892",
                        "fromProperty": "savedValue",
                        "toId": "c167f5fc-ede1-3d5b-e074-ccf71a6fe77b",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "8b4efea9-83be-c7a9-3a30-460355764892",
                        "fromProperty": "savedValue",
                        "toId": "7ade257a-6696-2978-456e-f227d44e5f9a",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "8b4efea9-83be-c7a9-3a30-460355764892",
                        "fromProperty": "savedValue",
                        "toId": "6305a1a8-9366-1a4b-e2f4-cdc3cc3ec415",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "8b4efea9-83be-c7a9-3a30-460355764892",
                        "fromProperty": "savedValue",
                        "toId": "579710f7-f468-c578-8b57-79704ad89e19",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "8b4efea9-83be-c7a9-3a30-460355764892",
                        "fromProperty": "savedValue",
                        "toId": "de1003cd-9f9f-6080-1d12-817e73b4c64f",
                        "toProperty": "itemId"
                    }
                ],
                "roots": [
                    {
                        "id": "3d6b7d62-c3b8-50ca-020b-ceffb5c34555",
                        "type": "Group",
                        "x": 702,
                        "y": 720,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "marginLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "125eaa9d-7037-3024-6c0a-3da169e9800e",
                                "type": "Text",
                                "label": "Title",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "text": "Just for you",
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "fontSize": {
                                        "value": 20,
                                        "unit": "px"
                                    },
                                    "color": "#2E2F32",
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "7b6b3381-5a79-20df-ce98-b805f1a13c59",
                                "type": "Group",
                                "label": "Consider these alternatives",
                                "x": 20,
                                "y": 107,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c167f5fc-ede1-3d5b-e074-ccf71a6fe77b",
                                        "type": "/Product Details Page/Modules/Personalization/Personalization Carousel",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "Title": "Consider these alternatives",
                                            "Subtitle": ""
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "c2a8e5f6-f43c-65c5-d9c8-09f1975fa33f",
                                "type": "Group",
                                "label": "Top Selling",
                                "x": 20,
                                "y": 250,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "7ade257a-6696-2978-456e-f227d44e5f9a",
                                        "type": "/Product Details Page/Modules/Personalization/Personalization Carousel",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "Title": "Other customers love",
                                            "Subtitle": "Top selling id velit eget tellus sollicitudin efficitur"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "d0a07263-17e6-8697-95a2-8dc335fd7b62",
                                "type": "Group",
                                "label": "Recommended for you",
                                "x": 20,
                                "y": 429,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6305a1a8-9366-1a4b-e2f4-cdc3cc3ec415",
                                        "type": "/Product Details Page/Modules/Personalization/Personalization Series",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "Title": "Recommended for you",
                                            "Subtitle": "Aliquam id velit eget tellus sollicitudin efficitur",
                                            "Collection Type": "AddAll"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "0ae6464c-1761-7df2-d84d-b38461655cad",
                                "type": "Group",
                                "label": "Other items to reorder",
                                "x": 753.4833974705506,
                                "y": 1253.148035442909,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "579710f7-f468-c578-8b57-79704ad89e19",
                                        "type": "/Product Details Page/Modules/Personalization/Personalization Carousel",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "Title": "Other items to reorder",
                                            "Subtitle": "Aliquam id velit eget tellus sollicitudin efficitur"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "01e33513-8ed5-8ce7-ba91-e0803d70926b",
                                "type": "Group",
                                "label": "Customers also bought",
                                "x": 753.4833974705506,
                                "y": 1360.148035442909,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "de1003cd-9f9f-6080-1d12-817e73b4c64f",
                                        "type": "/Product Details Page/Modules/Personalization/Personalization Series",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "Title": "Add to your order",
                                            "Subtitle": "Customers also bought these items with this one",
                                            "Collection Type": "AddAll"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "6be06426-9add-b4f8-e314-a452d288f624",
                                "type": "Group",
                                "label": "PAGE BREAK",
                                "x": 20,
                                "y": 351,
                                "parameters": {
                                    "height": {
                                        "value": 150,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "52d6e006-878b-6bc7-4625-7b42c74e044a",
                        "type": "Component Inputs",
                        "x": 1572,
                        "y": 1261,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8b4efea9-83be-c7a9-3a30-460355764892",
                        "type": "String",
                        "x": 1337.0702391140258,
                        "y": 1253.3603741419997,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "95edc1cf-d08d-3d23-dcb1-7839ffd84794",
                        "type": "Javascript2",
                        "x": 73.69007970467533,
                        "y": 1126.6201247139998,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    randomize: 'signal'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    mountTopSelling: 'boolean',\n\t    mountRecommended: 'boolean',\n\t    mountOtherItems: 'boolean',\n\t    mountCustomersAlsoBought: 'boolean',\n\t},\n\t\n\trandomize:function(inputs,outputs){\n\t    //2-3 moduler ska visas\n\t    //top selling, recommended, other items to reorder, customers also bought\n\t\t//0,1,2,3\n\t\t// För varje loop gör en random på 0-3 för att se vilken modul som ska visas\n\t\t// Den ska inte kunna hamna på samma 2 ggr \n\t nbrOfSubModules = Math.floor(Math.random() * 2) +2;\n\t outputs.mountTopSelling = false;\n\t outputs.mountRecommended = false;\n\t outputs.mountOtherItems = false;\n\t outputs.mountCustomersAlsoBought = false;\n\t \n\t let subModuleIndex = prevSubModuleIndex = -1;\n\t \n\t for(let i = 0; i < nbrOfSubModules; i++ ){\n\t     let subModuleIndex = Math.floor(Math.random() * 4);\n\t     if(prevSubModuleIndex === subModuleIndex){\n\t         i--;\n\t     }\n\t     switch(subModuleIndex) {\n            case 0: // topSelling\n                outputs.mountTopSelling = true;\n            break;\n            case 1: //Recommended\n              outputs.mountRecommended = true;\n            break;\n            case 2: //Other Items\n              outputs.mountOtherItems = true;\n            break;\n            case 3: //mountCustomersAlsoBought\n              outputs.mountCustomersAlsoBought = true;\n            break;\n        }\n        prevSubModuleIndex = subModuleIndex;\n\t  }\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\t\n\t\t\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "randomize",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "mountTopSelling",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            },
                            {
                                "name": "mountRecommended",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "mountOtherItems",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            },
                            {
                                "name": "mountCustomersAlsoBought",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6b192b31-f0d9-5159-e54e-1ffd3fbf3a44",
                        "type": "Event Receiver",
                        "x": -115.30992029532467,
                        "y": 1110.6201247139998,
                        "parameters": {
                            "channelName": "Set Personalization Modules"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Range From Id",
            "graph": {
                "connections": [
                    {
                        "fromId": "0a035e4a-1686-4161-0962-ba73fcd5ae7f",
                        "fromProperty": "Item Id",
                        "toId": "81419e10-cb56-81a0-dcf1-69b461cb26c8",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "81419e10-cb56-81a0-dcf1-69b461cb26c8",
                        "fromProperty": "range",
                        "toId": "ee4297d4-dd3d-4fc1-2e81-d902edb77789",
                        "toProperty": "Range"
                    }
                ],
                "roots": [
                    {
                        "id": "81419e10-cb56-81a0-dcf1-69b461cb26c8",
                        "type": "Javascript2",
                        "label": "Random number generator from id",
                        "x": 463,
                        "y": 437,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    itemId: \"string\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    range: \"number\"\n\t},\n\t\n\tsetup(inputs, outputs) {\n\t    \n\t    this.xmur3 = (str) => {\n        for(var i = 0, h = 1779033703 ^ str.length; i < str.length; i++)\n            h = Math.imul(h ^ str.charCodeAt(i), 3432918353),\n            h = h << 13 | h >>> 19;\n            return function() {\n                h = Math.imul(h ^ h >>> 16, 2246822507);\n                h = Math.imul(h ^ h >>> 13, 3266489909);\n                return (h ^= h >>> 16) >>> 0;\n            }\n        };\n        \n        this.mulberry32 = (a) => {\n            return function() {\n              var t = a += 0x6D2B79F5;\n              t = Math.imul(t ^ t >>> 15, t | 1);\n              t ^= t + Math.imul(t ^ t >>> 7, t | 61);\n              return ((t ^ t >>> 14) >>> 0) / 4294967296;\n            }\n        };\n\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t    \n\t    if(inputs.itemId) {\n    \t    // Create xmur3 state:\n            var seed = this.xmur3(inputs.itemId);\n            // Output one 32-bit hash to provide the seed for mulberry32.\n            var rand = this.mulberry32(seed());\n            \n            outputs.range = rand();\n\t    }\n\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "range",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "0a035e4a-1686-4161-0962-ba73fcd5ae7f",
                        "type": "Component Inputs",
                        "x": 150,
                        "y": 430,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ee4297d4-dd3d-4fc1-2e81-d902edb77789",
                        "type": "Component Outputs",
                        "x": 807,
                        "y": 475,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Range",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Product Highlight Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "82af7957-d0ea-c09c-beb6-ce20122a0836",
                        "fromProperty": "itemId",
                        "toId": "62ae9bff-45b0-4a1f-6edb-acfa99a0d36a",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "62ae9bff-45b0-4a1f-6edb-acfa99a0d36a",
                        "fromProperty": "icon",
                        "toId": "eb2aba3c-ca95-c69c-a7e5-d26e3d3c6cfa",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "eb2aba3c-ca95-c69c-a7e5-d26e3d3c6cfa",
                        "fromProperty": "mappedString",
                        "toId": "9563ac9a-c09f-ed6a-e37c-357d26f12a62",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "62ae9bff-45b0-4a1f-6edb-acfa99a0d36a",
                        "fromProperty": "text",
                        "toId": "6ebe1a33-b3c3-a1ba-62e9-b8e49b56f0f4",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "82af7957-d0ea-c09c-beb6-ce20122a0836",
                        "type": "For Each Actions",
                        "x": 231,
                        "y": 579,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "62ae9bff-45b0-4a1f-6edb-acfa99a0d36a",
                        "type": "Model",
                        "x": 516,
                        "y": 580,
                        "parameters": {
                            "properties": "icon,text"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "icon",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "text",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ea1926e1-e202-ce45-8fc6-c1fd55dc32bc",
                        "type": "Group",
                        "x": 811,
                        "y": 612,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "9563ac9a-c09f-ed6a-e37c-357d26f12a62",
                                "type": "Image",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "src": "icons/product-attribute-icons/generic.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "6ebe1a33-b3c3-a1ba-62e9-b8e49b56f0f4",
                                "type": "Text",
                                "x": 20,
                                "y": 128,
                                "parameters": {
                                    "fontSize": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "color": "#46474A",
                                    "marginLeft": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "eb2aba3c-ca95-c69c-a7e5-d26e3d3c6cfa",
                        "type": "String Mapper",
                        "x": 556,
                        "y": 809,
                        "parameters": {
                            "defaultMapping": "icons/product-attribute-icons/generic.svg"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Get Item Category",
            "graph": {
                "connections": [
                    {
                        "fromId": "631d27b9-d56b-1841-ebdd-9bc0ba8833ff",
                        "fromProperty": "Item Id",
                        "toId": "12b5ed98-e8d8-1078-6448-f98bd1f84e9b",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "12b5ed98-e8d8-1078-6448-f98bd1f84e9b",
                        "fromProperty": "category",
                        "toId": "d9344419-2221-ee5c-b30f-0b2b2e3a3281",
                        "toProperty": "Category"
                    }
                ],
                "roots": [
                    {
                        "id": "631d27b9-d56b-1841-ebdd-9bc0ba8833ff",
                        "type": "Component Inputs",
                        "x": 370,
                        "y": 472,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d9344419-2221-ee5c-b30f-0b2b2e3a3281",
                        "type": "Component Outputs",
                        "x": 1095,
                        "y": 595,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Category",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "12b5ed98-e8d8-1078-6448-f98bd1f84e9b",
                        "type": "Javascript2",
                        "x": 829,
                        "y": 553,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    itemId: 'string',\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    category: \"string\"\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tmySignal:function(inputs,outputs) {\n\t\t// ...\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t    if(!window.wallyProducts) {\n\t        return;\n\t    }\n\t    \n        let productData = window.wallyProducts.find(product => product.itemId === inputs.itemId);\n\t            \n        if(productData && productData.category) {\n            outputs.category = productData.category.path[0].name;\n        } else {\n            console.log(\"Could not find data for product \" + inputs.itemId);\n        }\n\t            \n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "category",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Top Review Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "5ae897d0-94d7-ca33-5e83-06bce8acab0c",
                        "fromProperty": "itemId",
                        "toId": "15fabc9a-9e71-7071-4059-d5a06138cb21",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "15fabc9a-9e71-7071-4059-d5a06138cb21",
                        "fromProperty": "rating",
                        "toId": "c630a6b6-43bd-2cb8-f972-23fbb58aa05f",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "c630a6b6-43bd-2cb8-f972-23fbb58aa05f",
                        "fromProperty": "savedValue",
                        "toId": "09cc3f70-388d-9c0f-609d-00a42d747853",
                        "toProperty": "Rating Score"
                    },
                    {
                        "fromId": "15fabc9a-9e71-7071-4059-d5a06138cb21",
                        "fromProperty": "date",
                        "toId": "81ea69f9-89ff-59ec-4fa0-a9b775edcc20",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "15fabc9a-9e71-7071-4059-d5a06138cb21",
                        "fromProperty": "review",
                        "toId": "9468407b-10eb-4324-9dbc-25dfafd46c47",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "15fabc9a-9e71-7071-4059-d5a06138cb21",
                        "fromProperty": "title",
                        "toId": "e10bc544-8215-48a4-8e20-1697fac83059",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "142ea9eb-fc57-0cf3-5832-ece9b81c246e",
                        "type": "Group",
                        "x": 724,
                        "y": 675.9365142533495,
                        "parameters": {
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "borderRadius": 2,
                            "boxShadowEnabled": true,
                            "boxShadowOffsetX": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowOffsetY": {
                                "value": 3,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 16,
                                "unit": "px"
                            },
                            "boxShadowSpreadRadius": {
                                "value": 0,
                                "unit": "px"
                            },
                            "sizeMode": "explicit",
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "width": {
                                "value": 304,
                                "unit": "px"
                            },
                            "height": {
                                "value": 148,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "52da24cd-62cb-a674-d77f-bbbd1f8ea318",
                                "type": "Group",
                                "label": "top",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "09cc3f70-388d-9c0f-609d-00a42d747853",
                                        "type": "/UI Components/Star Rating",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Rating Score": 3,
                                            "Mount Ratings Count": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "81ea69f9-89ff-59ec-4fa0-a9b775edcc20",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "textAlign": "right",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "color": "#74767C"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "269a3a60-b4ef-1ae4-3f91-62e5844fc4e4",
                                "type": "Group",
                                "label": "review",
                                "x": 20,
                                "y": 271,
                                "parameters": {
                                    "marginTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "clip": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e10bc544-8215-48a4-8e20-1697fac83059",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 6,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "9468407b-10eb-4324-9dbc-25dfafd46c47",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "5ae897d0-94d7-ca33-5e83-06bce8acab0c",
                        "type": "For Each Actions",
                        "x": 49,
                        "y": 795,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "15fabc9a-9e71-7071-4059-d5a06138cb21",
                        "type": "Model",
                        "x": 274,
                        "y": 798,
                        "parameters": {
                            "properties": "title,rating,date,review"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "rating",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "date",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "review",
                                "index": 9
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c630a6b6-43bd-2cb8-f972-23fbb58aa05f",
                        "type": "Number",
                        "x": 453,
                        "y": 682,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Nutrition Information Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "76cfddb7-d478-21f9-19a6-db3af14f691b",
                        "fromProperty": "mounted",
                        "toId": "1dd67160-93f0-967a-e22d-98c408529b17",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "1dd67160-93f0-967a-e22d-98c408529b17",
                        "type": "Group",
                        "x": 642,
                        "y": 579,
                        "parameters": {
                            "paddingTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "boxShadowEnabled": true,
                            "boxShadowOffsetX": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowOffsetY": {
                                "value": 3,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 16,
                                "unit": "px"
                            },
                            "boxShadowSpreadRadius": {
                                "value": 0,
                                "unit": "px"
                            },
                            "backgroundColor": "#FFFFFF",
                            "width": {
                                "value": 324,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e27ad1b0-3b63-4f91-bf24-10c29cce89c8",
                                "type": "Group",
                                "label": "top",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "15d40029-d2cc-4e9e-9f2c-e1dee498febd",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "text": "This product is:",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "0132e6a7-3e64-afe9-af65-bc0bfb51a271",
                                        "type": "Group",
                                        "label": "Attributes",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1fb13665-da36-d14d-3e2f-95ad45921bda",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "src": "images/Check-Circle-18.png",
                                                    "alignY": "center",
                                                    "marginRight": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "95d9f40a-6d93-a472-9fc9-c88919a4f61b",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 107,
                                                "parameters": {
                                                    "alignY": "center",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "color": "#46474A",
                                                    "text": "Low sodium"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "efe86ca9-1c30-6b90-7a53-44920a9b34ac",
                                "type": "Group",
                                "x": 20,
                                "y": 342,
                                "parameters": {
                                    "marginTop": {
                                        "value": 17,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "8c7467a1-dc37-dac0-f738-bd68986eb62c",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "text": "Nutritional facts",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#46474A"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "8654879f-3dad-c50e-47a2-854d09256d60",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 92,
                                        "parameters": {
                                            "srcSet": "images/nutritinal-facts-image.png, images/nutritinal-facts-image@2x.png 2x, images/nutritinal-facts-image@3x.png 3x",
                                            "sizeMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ba3cbae4-3f11-d6b5-5684-871924ccfc9a",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 138,
                                        "parameters": {
                                            "height": {
                                                "value": 32,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "54d23cbc-ba9c-3426-f49a-f7d35800dafc",
                                                "type": "/UI Components/Design System/Button",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "Outlined": true,
                                                    "Title": "See more"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "76cfddb7-d478-21f9-19a6-db3af14f691b",
                        "type": "Component Inputs",
                        "x": 120,
                        "y": 636.5,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Featuers Card",
            "graph": {
                "connections": [],
                "roots": [
                    {
                        "id": "71a971b1-873e-2941-158a-0be00945bbbe",
                        "type": "Group",
                        "x": 969,
                        "y": 401.8333333333333,
                        "parameters": {
                            "paddingTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "boxShadowEnabled": true,
                            "boxShadowOffsetX": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowOffsetY": {
                                "value": 3,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 16,
                                "unit": "px"
                            },
                            "boxShadowSpreadRadius": {
                                "value": 0,
                                "unit": "px"
                            },
                            "backgroundColor": "#FFFFFF",
                            "width": {
                                "value": 324,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "9fb95651-d4bf-b747-6543-38e53f4823ec",
                                "type": "Group",
                                "label": "Placeholder image",
                                "x": 1350,
                                "y": 447.0000000000001,
                                "parameters": {
                                    "width": {
                                        "value": 272,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 105,
                                        "unit": "px"
                                    },
                                    "backgroundColor": "#EBEBEB",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "8c27bac8-3e82-6ce7-eabe-dee066221d8a",
                                "type": "Group",
                                "x": 1316,
                                "y": 505,
                                "parameters": {
                                    "paddingLeft": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "clip": false,
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ceb75b73-3f31-48c3-a9bd-91ac05c7d3d5",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "text": "Lorem ipsum dolor sit amet,  - consectetur adipiscing elit. ",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#2E2F32",
                                            "sizeMode": "contentHeight",
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "f1a36f94-8504-22c2-ac79-461b11c14e59",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 92,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#46474A",
                                            "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porttitor libero vel ipsum scelerisque maximus. Vivamus eu justo quis neque cursus semper non rutrum magna. Vivamus a augue mattis, accumsan nisl at, porta mauris. Vivamus vel leo in quam rhoncus ullamcorper quis eget felis. Cras vestibulum eros sed pulvinar eleifend. ",
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "ced98d2c-f9c3-741d-6bb6-f2c2676ebf96",
                                "type": "Group",
                                "x": 20,
                                "y": 342,
                                "parameters": {
                                    "marginTop": {
                                        "value": 17,
                                        "unit": "px"
                                    },
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e0099824-f1d0-5821-dd33-4541dfe3657a",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 138,
                                        "parameters": {
                                            "height": {
                                                "value": 32,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "7e2a8eb4-801f-61a8-5267-614b63b36bcb",
                                                "type": "/UI Components/Design System/Button",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "Outlined": true,
                                                    "Title": "See more"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Product Details Pills",
            "graph": {
                "connections": [
                    {
                        "fromId": "4a3ddbb0-0917-7903-6eaf-77b849c0a959",
                        "fromProperty": "Show Compare",
                        "toId": "abaff99a-e9ee-83cb-f6df-a29c605f345a",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "4a3ddbb0-0917-7903-6eaf-77b849c0a959",
                        "fromProperty": "Show Nutrition Information",
                        "toId": "6bcd0648-b394-ff7d-a15b-c26ba060e4af",
                        "toProperty": "Mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "34fafc95-2e62-d1ea-4d98-e95cf46c7998",
                        "type": "Group",
                        "label": "Pills",
                        "x": 1250,
                        "y": 587,
                        "parameters": {
                            "flexDirection": "row",
                            "marginTop": {
                                "value": 16,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c9ff93d2-790c-628e-fb18-f91abaf2e7d9",
                                "type": "/UI Components/Design System/Outline Toggle",
                                "label": "Features",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "Label": "Features",
                                    "Selected": true,
                                    "Border Radius": 16
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "abaff99a-e9ee-83cb-f6df-a29c605f345a",
                                "type": "/UI Components/Design System/Outline Toggle",
                                "label": "Compare",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "Label": "Compare",
                                    "Selected": false,
                                    "Border Radius": 16
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "6bcd0648-b394-ff7d-a15b-c26ba060e4af",
                                "type": "/UI Components/Design System/Outline Toggle",
                                "label": "Nutrition information",
                                "x": 20,
                                "y": 219,
                                "parameters": {
                                    "Label": "Nutrition information",
                                    "Selected": false,
                                    "Border Radius": 16
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "4a3ddbb0-0917-7903-6eaf-77b849c0a959",
                        "type": "Component Inputs",
                        "x": 698,
                        "y": 769,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show Compare",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Show Nutrition Information",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Product Details Compare Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "12c56243-63c9-ada4-4e8f-ae5573d03581",
                        "fromProperty": "mounted",
                        "toId": "181a3a39-b3ed-6e85-5ece-1ea4f1252f7d",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "181a3a39-b3ed-6e85-5ece-1ea4f1252f7d",
                        "type": "Group",
                        "x": 799,
                        "y": 594,
                        "parameters": {
                            "sizeMode": "explicit",
                            "width": {
                                "value": 324,
                                "unit": "px"
                            },
                            "height": {
                                "value": 445,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "transformY": {
                                "value": -12,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "9cee8b0e-b4e0-ed07-42f6-e6eaa3407ade",
                                "type": "Image",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "srcSet": "images/compare-card.png, images/compare-card@2x.png 2x, images/compare-card@3x.png 3x",
                                    "sizeMode": "contentSize"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "12c56243-63c9-ada4-4e8f-ae5573d03581",
                        "type": "Component Inputs",
                        "x": 349,
                        "y": 545,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Product Variants",
            "graph": {
                "connections": [
                    {
                        "fromId": "4471f83e-f1cc-7fce-5922-fdb95b9527f2",
                        "fromProperty": "Mounted",
                        "toId": "06e14449-980c-fde2-1664-619e43f12e9c",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4471f83e-f1cc-7fce-5922-fdb95b9527f2",
                        "fromProperty": "itemId",
                        "toId": "0f0cce06-67ed-abe4-fa55-70a2081ba807",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f9281a21-a8eb-8b47-d754-edc006eefbf3",
                        "fromProperty": "at-first-option",
                        "toId": "97305355-9c5e-5796-50bb-9f8612436b13",
                        "toProperty": "Selected"
                    },
                    {
                        "fromId": "f9281a21-a8eb-8b47-d754-edc006eefbf3",
                        "fromProperty": "at-second-option",
                        "toId": "24b2861a-f5b8-2b71-66e5-18b0b2f16ae3",
                        "toProperty": "Selected"
                    },
                    {
                        "fromId": "f9281a21-a8eb-8b47-d754-edc006eefbf3",
                        "fromProperty": "at-third-option",
                        "toId": "3fe32564-aa9c-1002-9291-73efadb8d273",
                        "toProperty": "Selected"
                    },
                    {
                        "fromId": "43a85033-3f2e-6453-e773-c7cd71c357d9",
                        "fromProperty": "Received",
                        "toId": "f9281a21-a8eb-8b47-d754-edc006eefbf3",
                        "toProperty": "to-first-option"
                    },
                    {
                        "fromId": "97305355-9c5e-5796-50bb-9f8612436b13",
                        "fromProperty": "Option Id",
                        "toId": "43a85033-3f2e-6453-e773-c7cd71c357d9",
                        "toProperty": "Option Id"
                    },
                    {
                        "fromId": "24b2861a-f5b8-2b71-66e5-18b0b2f16ae3",
                        "fromProperty": "Option Id",
                        "toId": "97488e87-d2cc-bfbc-0a8d-ff959c6d6c1f",
                        "toProperty": "Option Id"
                    },
                    {
                        "fromId": "97488e87-d2cc-bfbc-0a8d-ff959c6d6c1f",
                        "fromProperty": "Received",
                        "toId": "f9281a21-a8eb-8b47-d754-edc006eefbf3",
                        "toProperty": "to-second-option"
                    },
                    {
                        "fromId": "f9b73901-1e6b-101d-24f4-143f8412a601",
                        "fromProperty": "eventReceived",
                        "toId": "3b6e5a0b-1ad3-e7e7-8219-04eb40df26bc",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "f9b73901-1e6b-101d-24f4-143f8412a601",
                        "fromProperty": "Option Id",
                        "toId": "3b6e5a0b-1ad3-e7e7-8219-04eb40df26bc",
                        "toProperty": "Option Id"
                    },
                    {
                        "fromId": "3fe32564-aa9c-1002-9291-73efadb8d273",
                        "fromProperty": "Option Id",
                        "toId": "51979976-ac64-2047-7b6b-e421e81ad7fe",
                        "toProperty": "Option Id"
                    },
                    {
                        "fromId": "51979976-ac64-2047-7b6b-e421e81ad7fe",
                        "fromProperty": "Received",
                        "toId": "f9281a21-a8eb-8b47-d754-edc006eefbf3",
                        "toProperty": "to-third-option"
                    },
                    {
                        "fromId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "fromProperty": "at-first-option",
                        "toId": "b6b4e582-2f40-382b-769f-b821c3bf3838",
                        "toProperty": "Selected"
                    },
                    {
                        "fromId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "fromProperty": "at-second-option",
                        "toId": "aa7f3b04-dca9-9971-62a6-90719ff2d428",
                        "toProperty": "Selected"
                    },
                    {
                        "fromId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "fromProperty": "at-third-option",
                        "toId": "82690ec0-589f-51a1-b499-34fe3fd99288",
                        "toProperty": "Selected"
                    },
                    {
                        "fromId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "fromProperty": "at-fourth-option",
                        "toId": "974bd992-a626-fd10-6f5c-e9778f8e5ade",
                        "toProperty": "Selected"
                    },
                    {
                        "fromId": "b6b4e582-2f40-382b-769f-b821c3bf3838",
                        "fromProperty": "Click",
                        "toId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "toProperty": "to-first-option"
                    },
                    {
                        "fromId": "aa7f3b04-dca9-9971-62a6-90719ff2d428",
                        "fromProperty": "Click",
                        "toId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "toProperty": "to-second-option"
                    },
                    {
                        "fromId": "82690ec0-589f-51a1-b499-34fe3fd99288",
                        "fromProperty": "Click",
                        "toId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "toProperty": "to-third-option"
                    },
                    {
                        "fromId": "974bd992-a626-fd10-6f5c-e9778f8e5ade",
                        "fromProperty": "Click",
                        "toId": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "toProperty": "to-fourth-option"
                    },
                    {
                        "fromId": "0f0cce06-67ed-abe4-fa55-70a2081ba807",
                        "fromProperty": "savedValue",
                        "toId": "bdb694be-8317-30e2-aa50-74aeb13a4fcd",
                        "toProperty": "value-default-selected item id"
                    },
                    {
                        "fromId": "bdb694be-8317-30e2-aa50-74aeb13a4fcd",
                        "fromProperty": "selected item id",
                        "toId": "9c6caf80-07b1-7a23-ba2e-97794b0ea658",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "43a85033-3f2e-6453-e773-c7cd71c357d9",
                        "fromProperty": "Received",
                        "toId": "bdb694be-8317-30e2-aa50-74aeb13a4fcd",
                        "toProperty": "to-first option"
                    },
                    {
                        "fromId": "97488e87-d2cc-bfbc-0a8d-ff959c6d6c1f",
                        "fromProperty": "Received",
                        "toId": "bdb694be-8317-30e2-aa50-74aeb13a4fcd",
                        "toProperty": "to-second option"
                    },
                    {
                        "fromId": "51979976-ac64-2047-7b6b-e421e81ad7fe",
                        "fromProperty": "Received",
                        "toId": "bdb694be-8317-30e2-aa50-74aeb13a4fcd",
                        "toProperty": "to-third option"
                    },
                    {
                        "fromId": "4471f83e-f1cc-7fce-5922-fdb95b9527f2",
                        "fromProperty": "showing",
                        "toId": "bdb694be-8317-30e2-aa50-74aeb13a4fcd",
                        "toProperty": "to-default"
                    }
                ],
                "roots": [
                    {
                        "id": "06e14449-980c-fde2-1664-619e43f12e9c",
                        "type": "Group",
                        "x": 484,
                        "y": 960,
                        "parameters": {
                            "marginTop": {
                                "value": 9,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "dafd1f4f-a0a6-1b7d-7d23-c02bf239bebf",
                                "type": "Group",
                                "label": "Product Colors",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "scrollBehavior": "noodl",
                                    "scrollDirection": "x",
                                    "showScrollbar": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "97305355-9c5e-5796-50bb-9f8612436b13",
                                        "type": "/Product Details Page/Modules/Components/PDP Product Variant",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "color": "Purple",
                                            "itemId": "234055864",
                                            "Option Id": "purple",
                                            "Selected": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "24b2861a-f5b8-2b71-66e5-18b0b2f16ae3",
                                        "type": "/Product Details Page/Modules/Components/PDP Product Variant",
                                        "x": 20,
                                        "y": 163,
                                        "parameters": {
                                            "color": "Red",
                                            "itemId": "234055864",
                                            "Option Id": "red"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "3fe32564-aa9c-1002-9291-73efadb8d273",
                                        "type": "/Product Details Page/Modules/Components/PDP Product Variant",
                                        "x": 20,
                                        "y": 265,
                                        "parameters": {
                                            "color": "Graphite",
                                            "itemId": "234055864",
                                            "Option Id": "graphite"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "a1aa13e3-ac92-4d4f-9535-db871bc4e6dc",
                                "type": "Group",
                                "label": "Product sizes",
                                "x": 20,
                                "y": 353,
                                "parameters": {
                                    "marginTop": {
                                        "value": 32,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "42c2dd9a-666c-d64a-b40c-9be8a8b59da9",
                                        "type": "Group",
                                        "label": "Group",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "35430974-8ba2-229f-e380-79fe6a0e5f80",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "text": "Size: Medium",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "b79165dd-50f7-c439-06f6-b255fde4fcdf",
                                        "type": "Group",
                                        "label": "Buttons",
                                        "x": 20,
                                        "y": 153,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "marginTop": {
                                                "value": 11,
                                                "unit": "px"
                                            },
                                            "scrollBehavior": "noodl",
                                            "scrollDirection": "x",
                                            "showScrollbar": false
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "b6b4e582-2f40-382b-769f-b821c3bf3838",
                                                "type": "/UI Components/Design System/Outline Toggle",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "Label": "Small"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "aa7f3b04-dca9-9971-62a6-90719ff2d428",
                                                "type": "/UI Components/Design System/Outline Toggle",
                                                "x": 544,
                                                "y": 1669,
                                                "parameters": {
                                                    "Label": "Medium"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "82690ec0-589f-51a1-b499-34fe3fd99288",
                                                "type": "/UI Components/Design System/Outline Toggle",
                                                "x": 544,
                                                "y": 1715,
                                                "parameters": {
                                                    "Label": "Large"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "974bd992-a626-fd10-6f5c-e9778f8e5ade",
                                                "type": "/UI Components/Design System/Outline Toggle",
                                                "x": 551.5,
                                                "y": 1572.5,
                                                "parameters": {
                                                    "Label": "Extra Large"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "4471f83e-f1cc-7fce-5922-fdb95b9527f2",
                        "type": "Component Inputs",
                        "x": 200,
                        "y": 862,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 2
                            },
                            {
                                "name": "showing",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0f0cce06-67ed-abe4-fa55-70a2081ba807",
                        "type": "String",
                        "x": 570.5,
                        "y": 756.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f9281a21-a8eb-8b47-d754-edc006eefbf3",
                        "type": "States",
                        "x": 768.5,
                        "y": 1156.5,
                        "parameters": {
                            "states": "first-option,second-option,third-option",
                            "duration-first-option": 0,
                            "duration-second-option": 0,
                            "duration-third-option": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "first-option Transition",
                                "name": "transition-first-option",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "first-option Transition",
                                "name": "duration-first-option",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To first-option",
                                "name": "to-first-option",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At first-option",
                                "name": "at-first-option",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached first-option",
                                "name": "reached-first-option",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "second-option Transition",
                                "name": "transition-second-option",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "second-option Transition",
                                "name": "duration-second-option",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To second-option",
                                "name": "to-second-option",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At second-option",
                                "name": "at-second-option",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached second-option",
                                "name": "reached-second-option",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "third-option Transition",
                                "name": "transition-third-option",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "third-option Transition",
                                "name": "duration-third-option",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To third-option",
                                "name": "to-third-option",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At third-option",
                                "name": "at-third-option",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached third-option",
                                "name": "reached-third-option",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "first-option",
                                        "second-option",
                                        "third-option"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "first-option",
                                "index": 21
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "43a85033-3f2e-6453-e773-c7cd71c357d9",
                        "type": "/Product Details Page/Modules/Components/Color Variant Item Selected",
                        "x": 1031.5,
                        "y": 1148.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "97488e87-d2cc-bfbc-0a8d-ff959c6d6c1f",
                        "type": "/Product Details Page/Modules/Components/Color Variant Item Selected",
                        "x": 1032.5,
                        "y": 1255.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3b6e5a0b-1ad3-e7e7-8219-04eb40df26bc",
                        "type": "Event Sender",
                        "x": 1298.5,
                        "y": 1295.5,
                        "parameters": {
                            "channelName": "Color Variant Selected",
                            "propagation": "children"
                        },
                        "ports": [
                            {
                                "name": "Option Id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f9b73901-1e6b-101d-24f4-143f8412a601",
                        "type": "Event Receiver",
                        "x": 1298.5,
                        "y": 1178.5,
                        "parameters": {
                            "channelName": "Color Variant Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "51979976-ac64-2047-7b6b-e421e81ad7fe",
                        "type": "/Product Details Page/Modules/Components/Color Variant Item Selected",
                        "x": 1028.5,
                        "y": 1371.5,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d3f9f187-e189-341c-357a-8f06390c17ad",
                        "type": "States",
                        "x": 990.5,
                        "y": 1719.5,
                        "parameters": {
                            "states": "first-option,second-option,third-option,fourth-option",
                            "duration-first-option": 0,
                            "duration-second-option": 0,
                            "duration-third-option": 0,
                            "duration-fourth-option": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "itemId",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "first-option Values",
                                "name": "value-first-option-itemId",
                                "displayName": "itemId",
                                "editorName": "first-option|itemId",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "first-option Transition",
                                "name": "transition-first-option",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "first-option Transition",
                                "name": "duration-first-option",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To first-option",
                                "name": "to-first-option",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At first-option",
                                "name": "at-first-option",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached first-option",
                                "name": "reached-first-option",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "second-option Values",
                                "name": "value-second-option-itemId",
                                "displayName": "itemId",
                                "editorName": "second-option|itemId",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "second-option Transition",
                                "name": "transition-second-option",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "second-option Transition",
                                "name": "duration-second-option",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To second-option",
                                "name": "to-second-option",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At second-option",
                                "name": "at-second-option",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached second-option",
                                "name": "reached-second-option",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "third-option Values",
                                "name": "value-third-option-itemId",
                                "displayName": "itemId",
                                "editorName": "third-option|itemId",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "third-option Transition",
                                "name": "transition-third-option",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "third-option Transition",
                                "name": "duration-third-option",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To third-option",
                                "name": "to-third-option",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At third-option",
                                "name": "at-third-option",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached third-option",
                                "name": "reached-third-option",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "fourth-option Values",
                                "name": "value-fourth-option-itemId",
                                "displayName": "itemId",
                                "editorName": "fourth-option|itemId",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "fourth-option Transition",
                                "name": "transition-fourth-option",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "fourth-option Transition",
                                "name": "duration-fourth-option",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To fourth-option",
                                "name": "to-fourth-option",
                                "group": "Go to state",
                                "index": 28
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At fourth-option",
                                "name": "at-fourth-option",
                                "group": "Current state",
                                "index": 29
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached fourth-option",
                                "name": "reached-fourth-option",
                                "group": "Current state",
                                "index": 30
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "first-option",
                                        "second-option",
                                        "third-option",
                                        "fourth-option"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "first-option",
                                "index": 31
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9c6caf80-07b1-7a23-ba2e-97794b0ea658",
                        "type": "Component Outputs",
                        "x": 1222.989036733245,
                        "y": 831.2977254673269,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "bdb694be-8317-30e2-aa50-74aeb13a4fcd",
                        "type": "States",
                        "x": 871.7531217997071,
                        "y": 815.6379961333428,
                        "parameters": {
                            "states": "default,first option,second option,third option",
                            "values": "selected item id",
                            "value-first option-selected item id": 234055864,
                            "value-second option-selected item id": 234055864,
                            "value-third option-selected item id": 234055864,
                            "duration-default": 0,
                            "duration-first option": 0,
                            "duration-second option": 0,
                            "duration-third option": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "selected item id",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "default Values",
                                "name": "value-default-selected item id",
                                "displayName": "selected item id",
                                "editorName": "default|selected item id",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "default Transition",
                                "name": "transition-default",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "default Transition",
                                "name": "duration-default",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "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": "number",
                                "group": "first option Values",
                                "name": "value-first option-selected item id",
                                "displayName": "selected item id",
                                "editorName": "first option|selected item id",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "first option Transition",
                                "name": "transition-first option",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "first option Transition",
                                "name": "duration-first option",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To first option",
                                "name": "to-first option",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At first option",
                                "name": "at-first option",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached first option",
                                "name": "reached-first option",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "second option Values",
                                "name": "value-second option-selected item id",
                                "displayName": "selected item id",
                                "editorName": "second option|selected item id",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "second option Transition",
                                "name": "transition-second option",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "second option Transition",
                                "name": "duration-second option",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To second option",
                                "name": "to-second option",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At second option",
                                "name": "at-second option",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached second option",
                                "name": "reached-second option",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "third option Values",
                                "name": "value-third option-selected item id",
                                "displayName": "selected item id",
                                "editorName": "third option|selected item id",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "third option Transition",
                                "name": "transition-third option",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "third option Transition",
                                "name": "duration-third option",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To third option",
                                "name": "to-third option",
                                "group": "Go to state",
                                "index": 28
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At third option",
                                "name": "at-third option",
                                "group": "Current state",
                                "index": 29
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached third option",
                                "name": "reached-third option",
                                "group": "Current state",
                                "index": 30
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "default",
                                        "first option",
                                        "second option",
                                        "third option"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "default",
                                "index": 31
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/PDP Product Variant",
            "graph": {
                "connections": [
                    {
                        "fromId": "6ea98ab7-4d21-11b2-6c3b-ee9e49795526",
                        "fromProperty": "itemId",
                        "toId": "43cc5785-d5ee-2ec3-9355-ef34effdaa90",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "43cc5785-d5ee-2ec3-9355-ef34effdaa90",
                        "fromProperty": "img",
                        "toId": "c25a9cad-be1c-d148-06f8-9352f6cc96fc",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "6ea98ab7-4d21-11b2-6c3b-ee9e49795526",
                        "fromProperty": "color",
                        "toId": "63f707b9-75fb-5df1-0840-486651313ef1",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "43cc5785-d5ee-2ec3-9355-ef34effdaa90",
                        "fromProperty": "price",
                        "toId": "6005cfe5-3b67-77b2-7170-903e2b782612",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "6005cfe5-3b67-77b2-7170-903e2b782612",
                        "fromProperty": "Formatted Price",
                        "toId": "2a3f0472-d7d7-54f5-8bbc-bbef5b8e5933",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "5a2ef1f5-926a-7212-2435-065e00308c8e",
                        "fromProperty": "onClick",
                        "toId": "aee852d6-894a-fc45-4d93-9bb22beca58e",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "cf98faaf-874a-910c-b9a6-500b03790f8e",
                        "fromProperty": "result",
                        "toId": "5990774a-296f-d903-bb79-824bf3745e94",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "366e5096-d2b9-79ef-fbd6-3eaec2566485",
                        "fromProperty": "result",
                        "toId": "63f707b9-75fb-5df1-0840-486651313ef1",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "366e5096-d2b9-79ef-fbd6-3eaec2566485",
                        "fromProperty": "result",
                        "toId": "2a3f0472-d7d7-54f5-8bbc-bbef5b8e5933",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "6ea98ab7-4d21-11b2-6c3b-ee9e49795526",
                        "fromProperty": "Option Id",
                        "toId": "dc0e1e00-79ca-9efd-7263-62967b185843",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6ea98ab7-4d21-11b2-6c3b-ee9e49795526",
                        "fromProperty": "Selected",
                        "toId": "106fff22-1675-24c9-c5f6-656fa60f64a2",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "106fff22-1675-24c9-c5f6-656fa60f64a2",
                        "fromProperty": "savedValue",
                        "toId": "69ff4feb-7d35-60f1-dbc3-66aed8ada8f9",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "69ff4feb-7d35-60f1-dbc3-66aed8ada8f9",
                        "fromProperty": "currentValue",
                        "toId": "cfcd4efa-6a27-2ffa-2124-04475942885c",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "cfcd4efa-6a27-2ffa-2124-04475942885c",
                        "fromProperty": "Color Blend Value",
                        "toId": "cf98faaf-874a-910c-b9a6-500b03790f8e",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "cfcd4efa-6a27-2ffa-2124-04475942885c",
                        "fromProperty": "Color Blend Value",
                        "toId": "366e5096-d2b9-79ef-fbd6-3eaec2566485",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "dc0e1e00-79ca-9efd-7263-62967b185843",
                        "fromProperty": "savedValue",
                        "toId": "355ee177-4b08-b656-833c-8a6a1407a210",
                        "toProperty": "Option Id"
                    },
                    {
                        "fromId": "dc0e1e00-79ca-9efd-7263-62967b185843",
                        "fromProperty": "savedValue",
                        "toId": "aee852d6-894a-fc45-4d93-9bb22beca58e",
                        "toProperty": "Option Id"
                    },
                    {
                        "fromId": "cfcd4efa-6a27-2ffa-2124-04475942885c",
                        "fromProperty": "Marker Height",
                        "toId": "5990774a-296f-d903-bb79-824bf3745e94",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "6ea98ab7-4d21-11b2-6c3b-ee9e49795526",
                        "fromProperty": "itemId",
                        "toId": "82955e25-4b6a-a216-bc16-47b02fa0bbf0",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "5a2ef1f5-926a-7212-2435-065e00308c8e",
                        "type": "Group",
                        "x": 548,
                        "y": 673,
                        "parameters": {
                            "sizeMode": "explicit",
                            "width": {
                                "value": 100,
                                "unit": "px"
                            },
                            "height": {
                                "value": 208,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "2e2cc934-c04a-2f9b-c6b7-9654ced514f2",
                                "type": "Group",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "marginBottom": {
                                        "value": 18,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 100,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 100,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "c25a9cad-be1c-d148-06f8-9352f6cc96fc",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "212a06d8-6582-a9b2-f1e0-9ad9a0e06474",
                                "type": "Group",
                                "x": 607.8756991903742,
                                "y": 878.5285959389917,
                                "parameters": {
                                    "height": {
                                        "value": 2,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "5990774a-296f-d903-bb79-824bf3745e94",
                                        "type": "Group",
                                        "label": "Selection Marker",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#949499"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "56a113f5-7dfc-b85d-4c28-8ee6de108954",
                                "type": "Group",
                                "x": 20,
                                "y": 210,
                                "parameters": {
                                    "sizeMode": "contentSize"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4e867710-1234-23cd-a439-d702e4b98348",
                                        "type": "Group",
                                        "label": "name",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "63f707b9-75fb-5df1-0840-486651313ef1",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "db97f9c0-ca3f-96c6-47a0-ce5e3a0e9fce",
                                        "type": "Group",
                                        "label": "Price",
                                        "x": 20,
                                        "y": 189,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "2a3f0472-d7d7-54f5-8bbc-bbef5b8e5933",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 61,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "82955e25-4b6a-a216-bc16-47b02fa0bbf0",
                                        "type": "/UI Components/Fulfillment Time Badge",
                                        "x": 20,
                                        "y": 332,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "6ea98ab7-4d21-11b2-6c3b-ee9e49795526",
                        "type": "Component Inputs",
                        "x": -1,
                        "y": 653,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "color",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Option Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Selected",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "43cc5785-d5ee-2ec3-9355-ef34effdaa90",
                        "type": "Model",
                        "x": 183,
                        "y": 822,
                        "parameters": {
                            "properties": "title,img,description,price,numReviews,customerRating,inHorizontalList,itemId,count"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "description",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingTime",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "inHorizontalList",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 14
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "count",
                                "index": 15
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6005cfe5-3b67-77b2-7170-903e2b782612",
                        "type": "/Components/Price Format",
                        "x": 366.0154788520053,
                        "y": 1031.4517681992677,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aee852d6-894a-fc45-4d93-9bb22beca58e",
                        "type": "Event Sender",
                        "x": 866.8756991903742,
                        "y": 568.5285959389917,
                        "parameters": {
                            "channelName": "Color Variant Selected",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "Option Id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "Option item id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cfcd4efa-6a27-2ffa-2124-04475942885c",
                        "type": "States",
                        "x": 838.8756991903742,
                        "y": 396.52859593899166,
                        "parameters": {
                            "states": "Default,Selected",
                            "values": "Color Blend,Marker Height,Color Blend Value",
                            "value-Default-Marker Height": 1,
                            "value-Selected-Marker Height": 2,
                            "value-Default-Color Blend": 0,
                            "value-Selected-Color Blend": 1,
                            "value-Default-Color Blend Value": 0,
                            "value-Selected-Color Blend Value": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Color Blend",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Marker Height",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Color Blend Value",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "Default|Color Blend",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Marker Height",
                                "displayName": "Marker Height",
                                "editorName": "Default|Marker Height",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Color Blend Value",
                                "displayName": "Color Blend Value",
                                "editorName": "Default|Color Blend Value",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Color Blend",
                                "displayName": "Color Blend",
                                "editorName": "Selected|Color Blend",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Marker Height",
                                "displayName": "Marker Height",
                                "editorName": "Selected|Marker Height",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Color Blend Value",
                                "displayName": "Color Blend Value",
                                "editorName": "Selected|Color Blend Value",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Selected Transition",
                                "name": "transition-Selected",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Selected Transition",
                                "name": "duration-Selected",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Selected",
                                "name": "to-Selected",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Selected",
                                "name": "at-Selected",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Selected",
                                "name": "reached-Selected",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 25
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cf98faaf-874a-910c-b9a6-500b03790f8e",
                        "type": "Color Blend",
                        "label": "Marker Colro Blend",
                        "x": 823.8756991903742,
                        "y": 974.5285959389917,
                        "parameters": {
                            "color 0": "#949499",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "366e5096-d2b9-79ef-fbd6-3eaec2566485",
                        "type": "Color Blend",
                        "label": "Text Color Blend",
                        "x": 1088.8756991903742,
                        "y": 1261.5285959389917,
                        "parameters": {
                            "color 0": "#6D6E71",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dc0e1e00-79ca-9efd-7263-62967b185843",
                        "type": "String",
                        "x": 614.8756991903742,
                        "y": 569.5285959389917,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "106fff22-1675-24c9-c5f6-656fa60f64a2",
                        "type": "Boolean",
                        "x": 476.87569919037423,
                        "y": 423.52859593899166,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "69ff4feb-7d35-60f1-dbc3-66aed8ada8f9",
                        "type": "String Selector",
                        "x": 641.8756991903742,
                        "y": 386.52859593899166,
                        "parameters": {
                            "input 0": "Default",
                            "input 1": "Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "355ee177-4b08-b656-833c-8a6a1407a210",
                        "type": "Component Outputs",
                        "x": 287.87569919037423,
                        "y": 316.52859593899166,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Option Id",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Design System/Bottom Sheet",
            "graph": {
                "connections": [
                    {
                        "fromId": "e4ee99ea-fc7a-9106-e97b-c05c5f26b99c",
                        "fromProperty": "Show",
                        "toId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "e4ee99ea-fc7a-9106-e97b-c05c5f26b99c",
                        "fromProperty": "Hide",
                        "toId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "e4ee99ea-fc7a-9106-e97b-c05c5f26b99c",
                        "fromProperty": "Show",
                        "toId": "79d27874-aa6d-9dd1-2da3-4c722a2ad97e",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "fromProperty": "reached-Hidden",
                        "toId": "79d27874-aa6d-9dd1-2da3-4c722a2ad97e",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "79d27874-aa6d-9dd1-2da3-4c722a2ad97e",
                        "fromProperty": "state",
                        "toId": "ab269273-a560-617d-69a5-47d46e704c40",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "fromProperty": "Pos Y",
                        "toId": "a03cad73-38b1-5048-cf23-22b5f6606212",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "fromProperty": "reached-Hidden",
                        "toId": "f92d6b89-b9aa-ee33-9dda-2a7fe501d94a",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "fromProperty": "at-Hidden",
                        "toId": "f92d6b89-b9aa-ee33-9dda-2a7fe501d94a",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "fromProperty": "at-Showing",
                        "toId": "f92d6b89-b9aa-ee33-9dda-2a7fe501d94a",
                        "toProperty": "Showing"
                    },
                    {
                        "fromId": "aecdcda5-3cf4-2b35-c5b9-5a458f703e7f",
                        "fromProperty": "onClick",
                        "toId": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "toProperty": "to-Hidden"
                    }
                ],
                "roots": [
                    {
                        "id": "e4ee99ea-fc7a-9106-e97b-c05c5f26b99c",
                        "type": "Component Inputs",
                        "x": -27,
                        "y": 409,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "88ca72ff-fd9e-bdb7-1255-f4632a714060",
                        "type": "States",
                        "x": 240,
                        "y": 518,
                        "parameters": {
                            "states": "Hidden,Showing",
                            "values": "Pos Y",
                            "value-Hidden-BG Overlay Opacity": 0,
                            "value-Showing-BG Overlay Opacity": 0.6,
                            "value-Hidden-Pos Y": 100,
                            "value-Showing-Pos Y": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Pos Y",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "Hidden|Pos Y",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Hidden Transition",
                                "name": "transition-Hidden",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Hidden Transition",
                                "name": "duration-Hidden",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "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": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "Showing|Pos Y",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Showing Transition",
                                "name": "transition-Showing",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Showing Transition",
                                "name": "duration-Showing",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Showing",
                                "name": "to-Showing",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Showing",
                                "name": "at-Showing",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Showing",
                                "name": "reached-Showing",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hidden",
                                        "Showing"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Hidden",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "79d27874-aa6d-9dd1-2da3-4c722a2ad97e",
                        "type": "Switch",
                        "x": 224,
                        "y": 357,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e2348347-aedd-8f36-bc7a-cc58ef481634",
                        "type": "Group",
                        "x": 430,
                        "y": 335,
                        "parameters": {
                            "position": "absolute"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ab269273-a560-617d-69a5-47d46e704c40",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a03cad73-38b1-5048-cf23-22b5f6606212",
                                        "type": "Group",
                                        "label": "Content",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "transformY": {
                                                "value": 0,
                                                "unit": "%"
                                            },
                                            "alignY": "bottom",
                                            "paddingBottom": {
                                                "value": 25,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "white",
                                            "style": "{\n    borderRadius: \"16px 16px 0 0\"\n}",
                                            "blockTouch": true,
                                            "pointerEventsMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "95249d98-9ac4-595c-58ee-95a2d82b6fd5",
                                                "type": "Image",
                                                "x": 20,
                                                "y": 117,
                                                "parameters": {
                                                    "src": "icons/removeclose.svg",
                                                    "alignX": "right",
                                                    "marginRight": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "aecdcda5-3cf4-2b35-c5b9-5a458f703e7f",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 163,
                                                "parameters": {
                                                    "position": "absolute",
                                                    "height": {
                                                        "value": 70,
                                                        "unit": "px"
                                                    },
                                                    "width": {
                                                        "value": 70,
                                                        "unit": "px"
                                                    },
                                                    "alignX": "right"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "6b61e3ff-5670-02fa-3623-8b8e289f2e11",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 245,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "marginTop": {
                                                        "value": 24,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "479c624d-2707-2fc1-a93d-84756d51ad08",
                                                        "type": "Component Children",
                                                        "x": 627,
                                                        "y": 610,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "f92d6b89-b9aa-ee33-9dda-2a7fe501d94a",
                        "type": "Component Outputs",
                        "x": -33,
                        "y": 587,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Showing",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Search/filter popups/Filter Popup",
            "graph": {
                "connections": [
                    {
                        "fromId": "92d4a79c-0ecf-b1df-53e9-df5d31ffc5b2",
                        "fromProperty": "Show",
                        "toId": "b8d956cb-09e2-6e56-e357-cb2cbee8aee2",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "92d4a79c-0ecf-b1df-53e9-df5d31ffc5b2",
                        "fromProperty": "Hide",
                        "toId": "b8d956cb-09e2-6e56-e357-cb2cbee8aee2",
                        "toProperty": "Hide"
                    },
                    {
                        "fromId": "b8d956cb-09e2-6e56-e357-cb2cbee8aee2",
                        "fromProperty": "Has Reached Hidden",
                        "toId": "cf140513-1f7b-dacb-a715-babf92e0aa5c",
                        "toProperty": "Has Reached Hidden"
                    },
                    {
                        "fromId": "b8d956cb-09e2-6e56-e357-cb2cbee8aee2",
                        "fromProperty": "Hiding",
                        "toId": "cf140513-1f7b-dacb-a715-babf92e0aa5c",
                        "toProperty": "Hiding"
                    },
                    {
                        "fromId": "4a09db2d-ceb4-d4b9-e60a-4347a488fd2c",
                        "fromProperty": "Click",
                        "toId": "cd5c5f8c-98c4-affb-60f5-52d5bd943518",
                        "toProperty": "hide"
                    },
                    {
                        "fromId": "4a09db2d-ceb4-d4b9-e60a-4347a488fd2c",
                        "fromProperty": "Click",
                        "toId": "b8d956cb-09e2-6e56-e357-cb2cbee8aee2",
                        "toProperty": "Hide"
                    }
                ],
                "roots": [
                    {
                        "id": "92d4a79c-0ecf-b1df-53e9-df5d31ffc5b2",
                        "type": "Component Inputs",
                        "x": 279,
                        "y": 387.14456702534335,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b8d956cb-09e2-6e56-e357-cb2cbee8aee2",
                        "type": "/UI Components/Design System/Bottom Sheet",
                        "x": 570.445257283908,
                        "y": 368,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1de8ce75-0019-9e31-71a0-6c695582bdb7",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "10314d8e-9b70-2934-121c-02c71f98741b",
                                        "type": "Component Children",
                                        "x": 656,
                                        "y": 506,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "0dbccacc-bb6b-4c0a-4694-05e1d2c7a62b",
                                "type": "Group",
                                "x": 20,
                                "y": 214,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "marginTop": {
                                        "value": 24,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4a09db2d-ceb4-d4b9-e60a-4347a488fd2c",
                                        "type": "/UI Components/Design System/Button",
                                        "x": 1083.2928678876124,
                                        "y": 1747.0601383598275,
                                        "parameters": {
                                            "Title": "View results"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "cf140513-1f7b-dacb-a715-babf92e0aa5c",
                        "type": "Component Outputs",
                        "x": 922.6800360147888,
                        "y": 448.96825410120925,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Reached Hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            },
                            {
                                "name": "Hiding",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Card",
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cd5c5f8c-98c4-affb-60f5-52d5bd943518",
                        "type": "Component Outputs",
                        "x": 866.7598960555949,
                        "y": 614.040708869519,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "hide",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Deliver Address",
            "graph": {
                "connections": [
                    {
                        "fromId": "59546bb5-3311-dc8e-0ccf-4f31b8397129",
                        "fromProperty": "Mounted",
                        "toId": "03122011-62fc-5fb1-e5e2-0da6a2b3973a",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "1d61eddb-3e65-05b4-2a14-c26b3bb3bf20",
                        "fromProperty": "DeliveryAddress",
                        "toId": "11b5615b-dbf6-7fbf-d80b-da9ed865f129",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "1d61eddb-3e65-05b4-2a14-c26b3bb3bf20",
                        "fromProperty": "UserFullname",
                        "toId": "bfd16d16-886a-fc5c-7f59-b63951ff5fb0",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "1d61eddb-3e65-05b4-2a14-c26b3bb3bf20",
                        "type": "Globals",
                        "x": 571.847239404579,
                        "y": 82.43517980049438,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "DeliveryShortAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "User Short Name",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "03122011-62fc-5fb1-e5e2-0da6a2b3973a",
                        "type": "Group",
                        "x": 1205.8377607646516,
                        "y": -161.8515183432546,
                        "parameters": {
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "96226ac8-0af7-881b-baf0-cd1f528950a3",
                                "type": "Group",
                                "x": 656.7433588530225,
                                "y": 429,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "flexDirection": "column",
                                    "marginLeft": {
                                        "value": 6,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 7,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "11b5615b-dbf6-7fbf-d80b-da9ed865f129",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "text": "Walmart | 9410 Webb Chapel Rd",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "sizeMode": "contentSize",
                                            "alignY": "center",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 2,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "e2fafa00-de63-9da2-2ce5-a8c7b92751e7",
                                        "type": "Group",
                                        "x": 676.7433588530225,
                                        "y": 557,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "bfd16d16-886a-fc5c-7f59-b63951ff5fb0",
                                                "type": "Text",
                                                "x": 696.7433588530225,
                                                "y": 603,
                                                "parameters": {
                                                    "text": "",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "sizeMode": "contentSize",
                                                    "alignY": "center",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "marginLeft": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "color": "#46474A"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "7d341b0f-f2d7-9675-4c6e-de3cc2633121",
                                "type": "Group",
                                "x": 656.7433588530225,
                                "y": 777,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "42e11c72-c7d7-6e5c-0293-a74ba70e3a95",
                                        "type": "Text",
                                        "x": 676.7433588530225,
                                        "y": 823,
                                        "parameters": {
                                            "text": "Change",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "sizeMode": "contentSize",
                                            "alignY": "center",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "74d25fee-d056-42fb-eeb2-150a5d97ebd8",
                                        "type": "Group",
                                        "x": 676.7433588530225,
                                        "y": 869,
                                        "parameters": {
                                            "height": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "backgroundColor": "#000000"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "59546bb5-3311-dc8e-0ccf-4f31b8397129",
                        "type": "Component Inputs",
                        "x": 652.8377607646516,
                        "y": -114.35151834325461,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Color Variant Item Selected",
            "graph": {
                "connections": [
                    {
                        "fromId": "e6d7ba7a-e484-8ad5-3e71-915255962bcf",
                        "fromProperty": "eventReceived",
                        "toId": "7e573c54-6fab-d4f1-f93d-ab38878c84ac",
                        "toProperty": "received"
                    },
                    {
                        "fromId": "e6d7ba7a-e484-8ad5-3e71-915255962bcf",
                        "fromProperty": "Option Id",
                        "toId": "7e573c54-6fab-d4f1-f93d-ab38878c84ac",
                        "toProperty": "eventId"
                    },
                    {
                        "fromId": "792a9fa7-537a-e029-34e4-1d64741c0835",
                        "fromProperty": "Option Id",
                        "toId": "7e573c54-6fab-d4f1-f93d-ab38878c84ac",
                        "toProperty": "id"
                    },
                    {
                        "fromId": "7e573c54-6fab-d4f1-f93d-ab38878c84ac",
                        "fromProperty": "result",
                        "toId": "fdc89423-1d47-7d7d-72fd-beaba1e4762b",
                        "toProperty": "Received"
                    }
                ],
                "roots": [
                    {
                        "id": "792a9fa7-537a-e029-34e4-1d64741c0835",
                        "type": "Component Inputs",
                        "x": 357,
                        "y": 498,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Option Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e6d7ba7a-e484-8ad5-3e71-915255962bcf",
                        "type": "Event Receiver",
                        "x": 959,
                        "y": 408,
                        "parameters": {
                            "channelName": "Color Variant Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7e573c54-6fab-d4f1-f93d-ab38878c84ac",
                        "type": "Expression",
                        "x": 734,
                        "y": 404,
                        "parameters": {
                            "expression": "received && eventId === id"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "received",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "eventId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "id",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fdc89423-1d47-7d7d-72fd-beaba1e4762b",
                        "type": "Component Outputs",
                        "x": 795,
                        "y": 641,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Received",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Design System/Outline Toggle",
            "graph": {
                "connections": [
                    {
                        "fromId": "2b69b142-2694-dce5-4477-043e9ee7b328",
                        "fromProperty": "savedValue",
                        "toId": "1c946934-de70-0595-1558-a41761907d1b",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "1c946934-de70-0595-1558-a41761907d1b",
                        "fromProperty": "currentValue",
                        "toId": "6a6bda7c-cf3c-7126-2d35-3c972c60f78a",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "fe4e1aa6-647d-3bda-b0af-2cec6d71bef6",
                        "fromProperty": "Selected",
                        "toId": "2b69b142-2694-dce5-4477-043e9ee7b328",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "fe4e1aa6-647d-3bda-b0af-2cec6d71bef6",
                        "fromProperty": "Label",
                        "toId": "e714e1ce-a6c8-0ba1-ada7-2f884ddf7230",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "6a6bda7c-cf3c-7126-2d35-3c972c60f78a",
                        "fromProperty": "Color Blend Value",
                        "toId": "e26b8e5d-adac-2029-bce8-986a9b08b4e8",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "e26b8e5d-adac-2029-bce8-986a9b08b4e8",
                        "fromProperty": "result",
                        "toId": "e714e1ce-a6c8-0ba1-ada7-2f884ddf7230",
                        "toProperty": "color"
                    },
                    {
                        "fromId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "fromProperty": "onClick",
                        "toId": "2bbf30da-c8c8-6cd4-12bf-08731a4a416a",
                        "toProperty": "Click"
                    },
                    {
                        "fromId": "e26b8e5d-adac-2029-bce8-986a9b08b4e8",
                        "fromProperty": "result",
                        "toId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "toProperty": "borderColor"
                    },
                    {
                        "fromId": "6a6bda7c-cf3c-7126-2d35-3c972c60f78a",
                        "fromProperty": "Border Size",
                        "toId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "toProperty": "borderWidth"
                    },
                    {
                        "fromId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "fromProperty": "pointerDown",
                        "toId": "3fd72dc1-0bfe-337e-c089-0c40b4b529db",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "fromProperty": "pointerUp",
                        "toId": "3fd72dc1-0bfe-337e-c089-0c40b4b529db",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "3fd72dc1-0bfe-337e-c089-0c40b4b529db",
                        "fromProperty": "Scale",
                        "toId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "fromProperty": "hoverEnd",
                        "toId": "3fd72dc1-0bfe-337e-c089-0c40b4b529db",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "fe4e1aa6-647d-3bda-b0af-2cec6d71bef6",
                        "fromProperty": "Border Radius",
                        "toId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "toProperty": "borderRadius"
                    },
                    {
                        "fromId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "fromProperty": "boundingWidth",
                        "toId": "0302f5c8-dfe1-a584-416a-38838cd5721d",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "0302f5c8-dfe1-a584-416a-38838cd5721d",
                        "fromProperty": "savedValue",
                        "toId": "844dd618-e489-5f52-01c9-713139daabaa",
                        "toProperty": "width"
                    },
                    {
                        "fromId": "844dd618-e489-5f52-01c9-713139daabaa",
                        "fromProperty": "didMount",
                        "toId": "9fb44948-71b5-67fd-c6e9-13471f7b6833",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "9fb44948-71b5-67fd-c6e9-13471f7b6833",
                        "fromProperty": "timerFinished",
                        "toId": "0302f5c8-dfe1-a584-416a-38838cd5721d",
                        "toProperty": "saveValue"
                    },
                    {
                        "fromId": "fe4e1aa6-647d-3bda-b0af-2cec6d71bef6",
                        "fromProperty": "Mounted",
                        "toId": "844dd618-e489-5f52-01c9-713139daabaa",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "3fd72dc1-0bfe-337e-c089-0c40b4b529db",
                        "fromProperty": "Color",
                        "toId": "1f11ce9a-bf93-207f-67ff-8e734b534c6c",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "1f11ce9a-bf93-207f-67ff-8e734b534c6c",
                        "fromProperty": "result",
                        "toId": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                        "toProperty": "backgroundColor"
                    }
                ],
                "roots": [
                    {
                        "id": "6a6bda7c-cf3c-7126-2d35-3c972c60f78a",
                        "type": "States",
                        "x": 627,
                        "y": 739,
                        "parameters": {
                            "states": "Default,Selected",
                            "values": "Color Blend Value,Border Size",
                            "value-Default-Marker Height": 1,
                            "value-Selected-Marker Height": 2,
                            "value-Default-Color Blend": 0,
                            "value-Selected-Color Blend": 1,
                            "value-Default-Color Blend Value": 0,
                            "value-Selected-Color Blend Value": 1,
                            "value-Default-Border Size": 1,
                            "value-Selected-Border Size": 2,
                            "duration-Selected": 150,
                            "value-Default-Margin": 2,
                            "value-Selected-Margin": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Color Blend Value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Border Size",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Margin",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Color Blend Value",
                                "displayName": "Color Blend Value",
                                "editorName": "Default|Color Blend Value",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Border Size",
                                "displayName": "Border Size",
                                "editorName": "Default|Border Size",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Margin",
                                "displayName": "Margin",
                                "editorName": "Default|Margin",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Color Blend Value",
                                "displayName": "Color Blend Value",
                                "editorName": "Selected|Color Blend Value",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Border Size",
                                "displayName": "Border Size",
                                "editorName": "Selected|Border Size",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Margin",
                                "displayName": "Margin",
                                "editorName": "Selected|Margin",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Selected Transition",
                                "name": "transition-Selected",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Selected Transition",
                                "name": "duration-Selected",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Selected",
                                "name": "to-Selected",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Selected",
                                "name": "at-Selected",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Selected",
                                "name": "reached-Selected",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 25
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "2b69b142-2694-dce5-4477-043e9ee7b328",
                        "type": "Boolean",
                        "x": 231,
                        "y": 760,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1c946934-de70-0595-1558-a41761907d1b",
                        "type": "String Selector",
                        "x": 431,
                        "y": 730,
                        "parameters": {
                            "input 0": "Default",
                            "input 1": "Selected"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fe4e1aa6-647d-3bda-b0af-2cec6d71bef6",
                        "type": "Component Inputs",
                        "x": 33,
                        "y": 786,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Selected",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Border Radius",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e26b8e5d-adac-2029-bce8-986a9b08b4e8",
                        "type": "Color Blend",
                        "x": 932,
                        "y": 901,
                        "parameters": {
                            "color 0": "#6D6E71",
                            "color 1": "#000000"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2bbf30da-c8c8-6cd4-12bf-08731a4a416a",
                        "type": "Component Outputs",
                        "x": 984,
                        "y": 716,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3fd72dc1-0bfe-337e-c089-0c40b4b529db",
                        "type": "States",
                        "label": "Pressed",
                        "x": 566,
                        "y": 538,
                        "parameters": {
                            "states": "Default,Pressed",
                            "values": "Color,Scale",
                            "value-Default-Color": 0,
                            "value-Pressed-Color": 1,
                            "duration-Pressed": 50,
                            "value-Default-Scale": 1,
                            "value-Pressed-Scale": 0.95
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Color",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Scale",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Color",
                                "displayName": "Color",
                                "editorName": "Default|Color",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Scale",
                                "displayName": "Scale",
                                "editorName": "Default|Scale",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Pressed Values",
                                "name": "value-Pressed-Color",
                                "displayName": "Color",
                                "editorName": "Pressed|Color",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Pressed Values",
                                "name": "value-Pressed-Scale",
                                "displayName": "Scale",
                                "editorName": "Pressed|Scale",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Pressed Transition",
                                "name": "transition-Pressed",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Pressed Transition",
                                "name": "duration-Pressed",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Pressed",
                                "name": "to-Pressed",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Pressed",
                                "name": "at-Pressed",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Pressed",
                                "name": "reached-Pressed",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Pressed"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 22
                            }
                        ],
                        "conflicts": [],
                        "children": []
                    },
                    {
                        "id": "844dd618-e489-5f52-01c9-713139daabaa",
                        "type": "Group",
                        "x": 675,
                        "y": 937.9375,
                        "parameters": {
                            "width": {
                                "value": 100,
                                "unit": "px"
                            },
                            "height": {
                                "value": 32,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e3d89fc3-d4fc-bb60-9186-c270c4a4a835",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "sizeMode": "contentWidth",
                                    "borderStyle": "solid",
                                    "borderWidth": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "alignY": "center",
                                    "alignX": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e714e1ce-a6c8-0ba1-ada7-2f884ddf7230",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 242,
                                        "parameters": {
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "color": "#6D6E71",
                                            "sizeMode": "contentWidth",
                                            "marginLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "style": "{\n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "0302f5c8-dfe1-a584-416a-38838cd5721d",
                        "type": "Number",
                        "label": "Width",
                        "x": 955,
                        "y": 1069.9375,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9fb44948-71b5-67fd-c6e9-13471f7b6833",
                        "type": "Timer",
                        "label": "End Of Frame",
                        "x": 1212,
                        "y": 1046.9375,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1f11ce9a-bf93-207f-67ff-8e734b534c6c",
                        "type": "Color Blend",
                        "x": 903,
                        "y": 570.9375,
                        "parameters": {
                            "color 0": "#ffffff",
                            "color 1": "#DADADA"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Account/information tabs/Account Customer Service",
            "graph": {
                "connections": [],
                "roots": [
                    {
                        "id": "0edbdc79-c198-e13b-d724-98dd3bf765eb",
                        "type": "Group",
                        "label": "Location information",
                        "x": 212,
                        "y": 375,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "backgroundColor": "#FFFFFF",
                            "marginBottom": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "64be6d04-4d58-e948-5966-5c0c7f402a6c",
                                "type": "Group",
                                "label": "Heading",
                                "x": 20,
                                "y": 61,
                                "parameters": {
                                    "paddingTop": {
                                        "value": 15,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "1c96ca18-6793-7fa7-ec17-7aae3df6ceef",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "text": "Customer Service",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "d04bda4c-477a-60e6-4e76-d5b42b2d7c70",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 168,
                                "parameters": {
                                    "icon": "",
                                    "label": "Help",
                                    "icon2x": "icons/question-mark-icon@2x.png",
                                    "icon3x": "icons/question-mark-icon@3x.png",
                                    "Mounted": true,
                                    "Sub heading label": "",
                                    "Icon": "icons/account/help.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "e823836a-8af6-59bf-e863-df1c79754939",
                                "type": "/UI Components/Design System/Divider",
                                "x": 232,
                                "y": 589,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "dd5404fe-0c40-80d5-1159-2ba82a4c7242",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 260,
                                "parameters": {
                                    "label": "Feedback",
                                    "icon2x": "icons/chat-bubble-icon@2x.png",
                                    "icon3x": "icons/chat-bubble-icon@3x.png",
                                    "Sub heading label": "",
                                    "Mounted": true,
                                    "Icon": "icons/account/comment.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "3fa5fa14-794b-b310-2ef3-6af45c0fae20",
                                "type": "/UI Components/Design System/Divider",
                                "x": 244,
                                "y": 677,
                                "parameters": {
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Margin Bottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "Padding Left": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Padding Right": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "64f2a874-d849-475d-01c1-d180f488d12e",
                                "type": "/Account/information tabs/Account List Item",
                                "x": 20,
                                "y": 352,
                                "parameters": {
                                    "label": "Terms of Use",
                                    "icon3x": "icons/info-icon@3x.png",
                                    "icon2x": "icons/info-icon@2x.png",
                                    "Icon": "icons/account/info.svg"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Fulfillment Time Badge",
            "graph": {
                "connections": [
                    {
                        "fromId": "3c563f21-1f46-686b-27f9-1878c03bf641",
                        "fromProperty": "distributionSource",
                        "toId": "6789ae87-448d-cd5c-2a8a-62c9ad4d2a11",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "6789ae87-448d-cd5c-2a8a-62c9ad4d2a11",
                        "fromProperty": "at-fulfillment-center",
                        "toId": "6e7e79b5-1082-b70e-b087-d846e7c855ea",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "243b6841-6e81-fb47-967a-35b9b3eb1067",
                        "fromProperty": "Item Id",
                        "toId": "3c563f21-1f46-686b-27f9-1878c03bf641",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "6e7e79b5-1082-b70e-b087-d846e7c855ea",
                        "fromProperty": "currentValue",
                        "toId": "c63ee2bf-d8f9-fa24-8ab5-0b0b856f8196",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "048660c2-5dd5-87fc-1d5b-d19cfad2f037",
                        "fromProperty": "result",
                        "toId": "6e7e79b5-1082-b70e-b087-d846e7c855ea",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "3c563f21-1f46-686b-27f9-1878c03bf641",
                        "fromProperty": "shippingDays",
                        "toId": "048660c2-5dd5-87fc-1d5b-d19cfad2f037",
                        "toProperty": "shippingDays"
                    },
                    {
                        "fromId": "a243a313-36dc-afa7-86d6-9fc5e4e71e2d",
                        "fromProperty": "When Is Slot Available",
                        "toId": "98cb9474-f9e2-5a75-b83c-2f49c6dd7bbc",
                        "toProperty": "inputString"
                    },
                    {
                        "fromId": "98cb9474-f9e2-5a75-b83c-2f49c6dd7bbc",
                        "fromProperty": "mappedString",
                        "toId": "6e7e79b5-1082-b70e-b087-d846e7c855ea",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "6789ae87-448d-cd5c-2a8a-62c9ad4d2a11",
                        "fromProperty": "at-store",
                        "toId": "3bd44e43-fee2-ca8e-fdce-5e1432aff967",
                        "toProperty": "delivery"
                    },
                    {
                        "fromId": "6789ae87-448d-cd5c-2a8a-62c9ad4d2a11",
                        "fromProperty": "at-fulfillment-center",
                        "toId": "3bd44e43-fee2-ca8e-fdce-5e1432aff967",
                        "toProperty": "shipping"
                    },
                    {
                        "fromId": "a243a313-36dc-afa7-86d6-9fc5e4e71e2d",
                        "fromProperty": "When Is Slot Available",
                        "toId": "3bd44e43-fee2-ca8e-fdce-5e1432aff967",
                        "toProperty": "nextSlot"
                    },
                    {
                        "fromId": "3bd44e43-fee2-ca8e-fdce-5e1432aff967",
                        "fromProperty": "result",
                        "toId": "faab5e58-8dfd-93ff-6980-0f11bfce5748",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "faab5e58-8dfd-93ff-6980-0f11bfce5748",
                        "fromProperty": "result",
                        "toId": "98faf339-fe05-97e4-c7d7-817dae24c648",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "243b6841-6e81-fb47-967a-35b9b3eb1067",
                        "fromProperty": "Mounted",
                        "toId": "8542da80-5e60-d58d-e641-b76db315cdc7",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "8542da80-5e60-d58d-e641-b76db315cdc7",
                        "fromProperty": "savedValue",
                        "toId": "faab5e58-8dfd-93ff-6980-0f11bfce5748",
                        "toProperty": "input 1"
                    }
                ],
                "roots": [
                    {
                        "id": "243b6841-6e81-fb47-967a-35b9b3eb1067",
                        "type": "Component Inputs",
                        "x": -74,
                        "y": 681,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 2
                            },
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "98faf339-fe05-97e4-c7d7-817dae24c648",
                        "type": "Group",
                        "x": 879.8295754675044,
                        "y": 758,
                        "parameters": {
                            "sizeMode": "contentSize",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "mounted": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "2a42ce08-1fc9-c631-c0d6-bd93e807a007",
                                "type": "Group",
                                "x": 20,
                                "y": 82,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "flexDirection": "row",
                                    "paddingLeft": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "mounted": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "90698123-9259-0e4c-57be-36c545fc3857",
                                        "type": "Group",
                                        "label": "Background",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "position": "absolute",
                                            "backgroundColor": "#E6F1FC",
                                            "borderRadius": 2
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "c63ee2bf-d8f9-fa24-8ab5-0b0b856f8196",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 107,
                                        "parameters": {
                                            "color": "#004F9A",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "center",
                                            "position": "relative",
                                            "fontFamily": "fonts/Bogle-Regular.otf"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "3c563f21-1f46-686b-27f9-1878c03bf641",
                        "type": "Model",
                        "x": 119.44123831648164,
                        "y": 868.2225999619715,
                        "parameters": {
                            "properties": "price,customerRating,numReviews,title,distributionSource,shippingDays"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "distributionSource",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDays",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6789ae87-448d-cd5c-2a8a-62c9ad4d2a11",
                        "type": "States",
                        "label": "Source",
                        "x": -112.58764084807729,
                        "y": 1097.4513023717657,
                        "parameters": {
                            "states": "store,fulfillment-center",
                            "duration-store": 0,
                            "duration-fulfillment-center": 0,
                            "values": "Background Color Blend",
                            "value-store-Background Color Blend": 0,
                            "value-fulfillment-center-Background Color Blend": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Background Color Blend",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "store Values",
                                "name": "value-store-Background Color Blend",
                                "displayName": "Background Color Blend",
                                "editorName": "store|Background Color Blend",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "store Transition",
                                "name": "transition-store",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "store Transition",
                                "name": "duration-store",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To store",
                                "name": "to-store",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At store",
                                "name": "at-store",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached store",
                                "name": "reached-store",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "fulfillment-center Values",
                                "name": "value-fulfillment-center-Background Color Blend",
                                "displayName": "Background Color Blend",
                                "editorName": "fulfillment-center|Background Color Blend",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "fulfillment-center Transition",
                                "name": "transition-fulfillment-center",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "fulfillment-center Transition",
                                "name": "duration-fulfillment-center",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To fulfillment-center",
                                "name": "to-fulfillment-center",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At fulfillment-center",
                                "name": "at-fulfillment-center",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached fulfillment-center",
                                "name": "reached-fulfillment-center",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "store",
                                        "fulfillment-center"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "store",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a243a313-36dc-afa7-86d6-9fc5e4e71e2d",
                        "type": "/Components/Next Delivery Option",
                        "x": -78.4959560727824,
                        "y": 524.071609261407,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6e7e79b5-1082-b70e-b087-d846e7c855ea",
                        "type": "String Selector",
                        "x": 617.5040439272176,
                        "y": 548.071609261407,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "048660c2-5dd5-87fc-1d5b-d19cfad2f037",
                        "type": "Expression",
                        "label": "Shipping Time",
                        "x": 805.4920212189187,
                        "y": 430.9132164282951,
                        "parameters": {
                            "expression": "shippingDays < 2 ? \"Today\" : shippingDays < 3 ? \"Tomorrow\" : \"2 days\""
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "shippingDays",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "98cb9474-f9e2-5a75-b83c-2f49c6dd7bbc",
                        "type": "String Mapper",
                        "label": "Delivery Time",
                        "x": 553.2235553931496,
                        "y": 417.74532266764436,
                        "parameters": {
                            "input 0": "Today",
                            "output 0": "Today",
                            "output 1": "Tomorrow",
                            "input 1": "Tomorrow",
                            "input 2": "Later",
                            "output 2": "2 days"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3bd44e43-fee2-ca8e-fdce-5e1432aff967",
                        "type": "Expression",
                        "x": 248.22355539314958,
                        "y": 1128.7453226676444,
                        "parameters": {
                            "expression": "(delivery && nextSlot !== \"Later\") || shipping"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "delivery",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "nextSlot",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "shipping",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "faab5e58-8dfd-93ff-6980-0f11bfce5748",
                        "type": "And",
                        "x": 554.2235553931496,
                        "y": 740.7453226676444,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8542da80-5e60-d58d-e641-b76db315cdc7",
                        "type": "Boolean",
                        "x": 251.3499657302225,
                        "y": 702.5617506508876,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Order Totals Table",
            "graph": {
                "connections": [
                    {
                        "fromId": "0b7de080-ab4a-dabb-3a01-9026506682c4",
                        "fromProperty": "formatted",
                        "toId": "88cf070e-e06e-bf41-1f08-0c7e94f0651c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "6eaad400-73a3-fee9-074c-f6e7a4873f2e",
                        "fromProperty": "result",
                        "toId": "5bc5d5fa-127b-a71b-e864-216700e55301",
                        "toProperty": "num"
                    },
                    {
                        "fromId": "02f03794-5439-3e02-1470-a73afe2a3c29",
                        "fromProperty": "Total Count",
                        "toId": "0b7de080-ab4a-dabb-3a01-9026506682c4",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "02f03794-5439-3e02-1470-a73afe2a3c29",
                        "fromProperty": "Total Price",
                        "toId": "6eaad400-73a3-fee9-074c-f6e7a4873f2e",
                        "toProperty": "total"
                    },
                    {
                        "fromId": "afe65517-485b-8417-69c2-bf1cc02ea363",
                        "fromProperty": "Formatted Price",
                        "toId": "42df9208-8a0d-f515-7ba4-42bf7a7a66af",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "32df91b4-e110-2199-c5bb-305534289afc",
                        "fromProperty": "Formatted Price",
                        "toId": "69bab156-e5a4-8507-08c0-6307de8cfbf5",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "5bc5d5fa-127b-a71b-e864-216700e55301",
                        "fromProperty": "result",
                        "toId": "7fb1f22b-0650-2b62-f17f-926c8859c717",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "7fb1f22b-0650-2b62-f17f-926c8859c717",
                        "fromProperty": "Formatted Price",
                        "toId": "2fe31cec-5b0c-41cd-d583-186d78b742d8",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "93a439b0-8bc7-9ab8-1427-b059f293d996",
                        "fromProperty": "Order Id",
                        "toId": "abb5bd2a-5d51-5e1b-4e1e-e5807adc4e1f",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "abb5bd2a-5d51-5e1b-4e1e-e5807adc4e1f",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "02f03794-5439-3e02-1470-a73afe2a3c29",
                        "toProperty": "Cart Id"
                    },
                    {
                        "fromId": "abb5bd2a-5d51-5e1b-4e1e-e5807adc4e1f",
                        "fromProperty": "shippingCollectionId",
                        "toId": "b8cc0ba4-6611-e2c7-6073-ae315b738706",
                        "toProperty": "Cart Id"
                    },
                    {
                        "fromId": "de2cbebf-57bd-9283-080f-02e518434cc4",
                        "fromProperty": "Formatted Price",
                        "toId": "4b0e4021-dc57-e135-ef8e-b61aedd1ae3e",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "02f03794-5439-3e02-1470-a73afe2a3c29",
                        "fromProperty": "Total Price",
                        "toId": "65478d88-6f85-9f3e-3674-da213a42c97b",
                        "toProperty": "a"
                    },
                    {
                        "fromId": "b8cc0ba4-6611-e2c7-6073-ae315b738706",
                        "fromProperty": "Total Price",
                        "toId": "65478d88-6f85-9f3e-3674-da213a42c97b",
                        "toProperty": "b"
                    },
                    {
                        "fromId": "65478d88-6f85-9f3e-3674-da213a42c97b",
                        "fromProperty": "result",
                        "toId": "afe65517-485b-8417-69c2-bf1cc02ea363",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "02f03794-5439-3e02-1470-a73afe2a3c29",
                        "fromProperty": "Total Count",
                        "toId": "6dee81d8-df7f-c906-15e5-fa4716d26792",
                        "toProperty": "a"
                    },
                    {
                        "fromId": "b8cc0ba4-6611-e2c7-6073-ae315b738706",
                        "fromProperty": "Total Count",
                        "toId": "6dee81d8-df7f-c906-15e5-fa4716d26792",
                        "toProperty": "b"
                    },
                    {
                        "fromId": "65478d88-6f85-9f3e-3674-da213a42c97b",
                        "fromProperty": "result",
                        "toId": "40fbae6b-ebc5-20c7-ae75-16e498131bf6",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "40fbae6b-ebc5-20c7-ae75-16e498131bf6",
                        "fromProperty": "result",
                        "toId": "32df91b4-e110-2199-c5bb-305534289afc",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "40fbae6b-ebc5-20c7-ae75-16e498131bf6",
                        "fromProperty": "result",
                        "toId": "6eaad400-73a3-fee9-074c-f6e7a4873f2e",
                        "toProperty": "tax"
                    },
                    {
                        "fromId": "6dee81d8-df7f-c906-15e5-fa4716d26792",
                        "fromProperty": "result",
                        "toId": "0b7de080-ab4a-dabb-3a01-9026506682c4",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "abb5bd2a-5d51-5e1b-4e1e-e5807adc4e1f",
                        "fromProperty": "deliveryFee",
                        "toId": "de2cbebf-57bd-9283-080f-02e518434cc4",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "abb5bd2a-5d51-5e1b-4e1e-e5807adc4e1f",
                        "fromProperty": "deliveryFee",
                        "toId": "6eaad400-73a3-fee9-074c-f6e7a4873f2e",
                        "toProperty": "delivery"
                    }
                ],
                "roots": [
                    {
                        "id": "3fbff47a-42df-d5d5-4486-c8d0a06ed7b7",
                        "type": "Group",
                        "x": 2759.2484805267854,
                        "y": 1674.5694930522836,
                        "parameters": {
                            "marginLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginRight": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "f314eef9-8040-5d9e-93e8-473d3d2d887f",
                                "type": "Group",
                                "x": 3224.3114069275207,
                                "y": 1809.1560083011893,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 2,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "88cf070e-e06e-bf41-1f08-0c7e94f0651c",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 1855.1560083011893,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "text": "Subtotal (5 items)"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "42df9208-8a0d-f515-7ba4-42bf7a7a66af",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 1937.1560083011893,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "right",
                                            "position": "relative"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "6e119fd8-302a-bb96-7bda-665f62fd6e17",
                                "type": "Group",
                                "x": 3224.3114069275207,
                                "y": 2019.1560083011893,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 2,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "84075a33-2663-334e-cdb8-ab6b0fbc9827",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 2065.156008301189,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "text": "Taxes and temp hold",
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "d1819ae8-a906-745f-32b4-6ee7fb0244c3",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 2111.156008301189,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "text": "(Based on 75220)",
                                            "sizeMode": "contentWidth",
                                            "color": "#74767C",
                                            "alignY": "center",
                                            "marginLeft": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "36d2082b-920f-353c-7811-518a2a7861ed",
                                        "type": "Group",
                                        "x": 3244.3114069275207,
                                        "y": 2157.156008301189,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "69bab156-e5a4-8507-08c0-6307de8cfbf5",
                                                "type": "Text",
                                                "x": 3264.3114069275207,
                                                "y": 2203.156008301189,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "contentSize",
                                                    "alignX": "right"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "14a7c7e9-4f5b-a28b-1659-2a3e83adaff9",
                                "type": "Group",
                                "x": 3224.3114069275207,
                                "y": 2285.156008301189,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 4,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "25328cef-92e7-2f07-5aab-773e2665a085",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 2331.156008301189,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "text": "Delivery"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "4b0e4021-dc57-e135-ef8e-b61aedd1ae3e",
                                        "type": "Text",
                                        "label": "Delivery Price",
                                        "x": 3244.3114069275207,
                                        "y": 2377.156008301189,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "right",
                                            "text": "$XX.XX"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "fc2ff6e5-f836-fe5c-0d64-bb7909bf289c",
                                "type": "Group",
                                "x": 3224.3114069275207,
                                "y": 2474.156008301189,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginTop": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 2,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "73c92820-7aee-7dbc-03b3-4a9044d2c202",
                                        "type": "Group",
                                        "x": 3244.3114069275207,
                                        "y": 2520.156008301189,
                                        "parameters": {
                                            "flexDirection": "row"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "4940bbbf-9904-623f-36ef-6b70ba6f759d",
                                                "type": "Text",
                                                "x": 3264.3114069275207,
                                                "y": 2566.156008301189,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "text": "Bag fee",
                                                    "sizeMode": "contentWidth"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "b7ab42b5-4467-489a-5859-ec23d4af14d9",
                                                "type": "Image",
                                                "x": 3264.3114069275207,
                                                "y": 2612.156008301189,
                                                "parameters": {
                                                    "alignY": "center",
                                                    "marginLeft": {
                                                        "value": 5,
                                                        "unit": "px"
                                                    },
                                                    "src": "icons/info-icon.svg"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ff113684-81ae-ce29-0e0a-58363cb194e8",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 2658.156008301189,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "right",
                                            "text": "Pending delivery"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "641e082c-71fe-d00c-ed32-68c908da6f68",
                                "type": "/UI Components/Design System/Divider",
                                "x": 3224.3114069275207,
                                "y": 2704.156008301189,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "fc6ded71-9e4b-c0a2-350e-b3ff15fb4f93",
                                "type": "Group",
                                "x": 3224.3114069275207,
                                "y": 2750.156008301189,
                                "parameters": {
                                    "flexDirection": "row",
                                    "marginBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "1e9a27ce-6045-d050-37dc-11461163bd13",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 2796.156008301189,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            },
                                            "text": "Order total"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "2fe31cec-5b0c-41cd-d583-186d78b742d8",
                                        "type": "Text",
                                        "x": 3244.3114069275207,
                                        "y": 2842.156008301189,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Medium.otf",
                                            "fontSize": {
                                                "value": 18,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "alignX": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "0b7de080-ab4a-dabb-3a01-9026506682c4",
                        "type": "String Format",
                        "x": 2376.3411198758618,
                        "y": 1758.7313521745252,
                        "parameters": {
                            "format": "Subtotal ({items} items)",
                            "number": "138.54"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "40fbae6b-ebc5-20c7-ae75-16e498131bf6",
                        "type": "Expression",
                        "x": 2079.7158551559723,
                        "y": 2006.19650062456,
                        "parameters": {
                            "expression": "value * 0.07"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "value",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6eaad400-73a3-fee9-074c-f6e7a4873f2e",
                        "type": "Expression",
                        "x": 1780.5726345837747,
                        "y": 2348.442819078985,
                        "parameters": {
                            "expression": "total+tax+delivery"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "total",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "tax",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            },
                            {
                                "name": "delivery",
                                "type": "number",
                                "plug": "input",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5bc5d5fa-127b-a71b-e864-216700e55301",
                        "type": "Expression",
                        "label": "ROUND",
                        "x": 2073.410560805925,
                        "y": 2362.7210168740767,
                        "parameters": {
                            "expression": "+(round(num + \"e+2\")  + \"e-2\")"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "num",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "02f03794-5439-3e02-1470-a73afe2a3c29",
                        "type": "/Cart/Cart Totals",
                        "x": 1296.7130698210262,
                        "y": 1560.9068422301684,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "afe65517-485b-8417-69c2-bf1cc02ea363",
                        "type": "/Components/Price Format",
                        "x": 2355.693958232316,
                        "y": 1873.3835384656734,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "32df91b4-e110-2199-c5bb-305534289afc",
                        "type": "/Components/Price Format",
                        "x": 2379.693958232316,
                        "y": 2092.383538465673,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7fb1f22b-0650-2b62-f17f-926c8859c717",
                        "type": "/Components/Price Format",
                        "x": 2359.693958232316,
                        "y": 2382.383538465673,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "93a439b0-8bc7-9ab8-1427-b059f293d996",
                        "type": "Component Inputs",
                        "x": 666.167016164324,
                        "y": 1657.8170518036814,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Order Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "abb5bd2a-5d51-5e1b-4e1e-e5807adc4e1f",
                        "type": "Model",
                        "x": 888.4379195947532,
                        "y": 1695.276279325341,
                        "parameters": {
                            "properties": "shippingCollectionId,deliveryCollectionId,deliveryDate,deliverySlot,deliveryFee"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryFee",
                                "index": 10
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b8cc0ba4-6611-e2c7-6073-ae315b738706",
                        "type": "/Cart/Cart Totals",
                        "x": 1286.4344441191624,
                        "y": 1838.212503779497,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "de2cbebf-57bd-9283-080f-02e518434cc4",
                        "type": "/Components/Price Format",
                        "x": 2455.4777225673633,
                        "y": 2249.682661295205,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "65478d88-6f85-9f3e-3674-da213a42c97b",
                        "type": "Expression",
                        "label": "Price",
                        "x": 1733.2941312064904,
                        "y": 1567.2574933435549,
                        "parameters": {
                            "expression": "a+b"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "a",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "b",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6dee81d8-df7f-c906-15e5-fa4716d26792",
                        "type": "Expression",
                        "label": "Count",
                        "x": 1763.2941312064904,
                        "y": 1877.2574933435549,
                        "parameters": {
                            "expression": "a+b"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "a",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "b",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Tabs",
            "graph": {
                "connections": [
                    {
                        "fromId": "66ce79c4-dc40-4943-b9aa-df280a5ff8c9",
                        "fromProperty": "switchedToOn",
                        "toId": "650d73f7-1c20-fd7a-5ae5-07680eb9998e",
                        "toProperty": "Send"
                    },
                    {
                        "fromId": "fc26c867-5b3f-d127-0c51-292f5c9af993",
                        "fromProperty": "result",
                        "toId": "c5b8f736-084a-b52f-44ed-c46c3e6f5aaf",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "6bdb7970-2f20-09ab-6163-639317c4b223",
                        "fromProperty": "Show Tabs",
                        "toId": "f35ae4f8-e295-0ad1-3ece-ec3b1156f6c4",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "f35ae4f8-e295-0ad1-3ece-ec3b1156f6c4",
                        "fromProperty": "savedValue",
                        "toId": "c03a4bce-6a82-ce25-4f55-8ae78cde5461",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "f35ae4f8-e295-0ad1-3ece-ec3b1156f6c4",
                        "fromProperty": "savedValue",
                        "toId": "5ccf3260-4c9b-0670-2e60-335faea0708e",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "fc26c867-5b3f-d127-0c51-292f5c9af993",
                        "fromProperty": "result",
                        "toId": "e04d7c72-b051-d4b8-744a-26085c312375",
                        "toProperty": "value-Hidden-Offset Y"
                    },
                    {
                        "fromId": "e04d7c72-b051-d4b8-744a-26085c312375",
                        "fromProperty": "Offset Y",
                        "toId": "c5b8f736-084a-b52f-44ed-c46c3e6f5aaf",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "c03a4bce-6a82-ce25-4f55-8ae78cde5461",
                        "fromProperty": "result",
                        "toId": "e04d7c72-b051-d4b8-744a-26085c312375",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "5ccf3260-4c9b-0670-2e60-335faea0708e",
                        "fromProperty": "result",
                        "toId": "e04d7c72-b051-d4b8-744a-26085c312375",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "751292d3-215d-577b-8705-d3decc8771b4",
                        "fromProperty": "Is Running Fullscreen",
                        "toId": "fc26c867-5b3f-d127-0c51-292f5c9af993",
                        "toProperty": "blendValue"
                    }
                ],
                "roots": [
                    {
                        "id": "c5b8f736-084a-b52f-44ed-c46c3e6f5aaf",
                        "type": "Group",
                        "label": "Tabs",
                        "x": 258.88620493284054,
                        "y": 379.47599226668524,
                        "parameters": {
                            "height": {
                                "value": 87,
                                "unit": "px"
                            },
                            "backgroundColor": "#FFFFFF",
                            "boxShadowEnabled": true,
                            "boxShadowBlurRadius": {
                                "value": 13,
                                "unit": "px"
                            },
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1c21650b-88a3-1b3c-6291-2eb5371cba34",
                                "type": "/UI Components/Design System/Tab",
                                "label": "Shop",
                                "x": 20,
                                "y": 117,
                                "parameters": {
                                    "tab id": "shop",
                                    "label": "Shop"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "6f1bb6b2-1e6b-2c9e-ca20-5eea49a5d6ca",
                                "type": "/UI Components/Design System/Tab",
                                "label": "Search",
                                "x": 20,
                                "y": 178,
                                "parameters": {
                                    "tab id": "search",
                                    "label": "Search"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "ae143a0c-d08f-83d4-d1cf-a486034a34a8",
                                "type": "/UI Components/Design System/Tab",
                                "label": "My Items",
                                "x": 20,
                                "y": 239,
                                "parameters": {
                                    "tab id": "my-items",
                                    "label": "My Items"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "f5e3f193-d585-5ddf-f6aa-4925be962421",
                                "type": "/UI Components/Design System/Tab",
                                "label": "Account",
                                "x": 20,
                                "y": 300,
                                "parameters": {
                                    "tab id": "account",
                                    "label": "Account"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "66ce79c4-dc40-4943-b9aa-df280a5ff8c9",
                        "type": "Switch",
                        "label": "Select Shop On Startup",
                        "x": -64.6236437984519,
                        "y": 234.09603093325893,
                        "parameters": {
                            "onFromStart": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "650d73f7-1c20-fd7a-5ae5-07680eb9998e",
                        "type": "/UI Components/Select Tab",
                        "x": 115.457690044146,
                        "y": 248.38414755353222,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fc26c867-5b3f-d127-0c51-292f5c9af993",
                        "type": "Number Blend",
                        "x": -46.593249607155144,
                        "y": 490.65205691782546,
                        "parameters": {
                            "input 0": 87,
                            "input 1": 102
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f35ae4f8-e295-0ad1-3ece-ec3b1156f6c4",
                        "type": "Boolean",
                        "x": -475.8932496071551,
                        "y": 221.45205691782547,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c03a4bce-6a82-ce25-4f55-8ae78cde5461",
                        "type": "Expression",
                        "x": -460.89324960715504,
                        "y": 335.4520569178255,
                        "parameters": {
                            "expression": "show === true"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "show",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5ccf3260-4c9b-0670-2e60-335faea0708e",
                        "type": "Expression",
                        "x": -296.89324960715504,
                        "y": 333.4520569178255,
                        "parameters": {
                            "expression": "show === false"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "show",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6bdb7970-2f20-09ab-6163-639317c4b223",
                        "type": "Component Inputs",
                        "x": -389.8932496071551,
                        "y": 34.45205691782547,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show Tabs",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e04d7c72-b051-d4b8-744a-26085c312375",
                        "type": "States",
                        "x": -440.8932496071551,
                        "y": 520.4520569178255,
                        "parameters": {
                            "states": "Showing,Hidden",
                            "values": "Offset Y",
                            "value-Showing-Offset Y": 0,
                            "duration-Showing": 150
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Offset Y",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Offset Y",
                                "displayName": "Offset Y",
                                "editorName": "Showing|Offset Y",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Showing Transition",
                                "name": "transition-Showing",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Showing Transition",
                                "name": "duration-Showing",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Showing",
                                "name": "to-Showing",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Showing",
                                "name": "at-Showing",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Showing",
                                "name": "reached-Showing",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Offset Y",
                                "displayName": "Offset Y",
                                "editorName": "Hidden|Offset Y",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Hidden Transition",
                                "name": "transition-Hidden",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Hidden Transition",
                                "name": "duration-Hidden",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hidden",
                                "name": "to-Hidden",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hidden",
                                "name": "at-Hidden",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hidden",
                                "name": "reached-Hidden",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Showing",
                                        "Hidden"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Showing",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "751292d3-215d-577b-8705-d3decc8771b4",
                        "type": "/Components/Running iOS Fullscreen",
                        "x": -45.3932496071551,
                        "y": 596.6020569178254,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Select Tab",
            "graph": {
                "connections": [
                    {
                        "fromId": "5c9506aa-465d-5356-d788-89b29ad4c74b",
                        "fromProperty": "savedValue",
                        "toId": "1f699e21-85bb-885b-0bde-060b3f248c96",
                        "toProperty": "tab id"
                    },
                    {
                        "fromId": "201ec7e3-a422-c51a-4eb9-63ca22def8e1",
                        "fromProperty": "Tab Id",
                        "toId": "5c9506aa-465d-5356-d788-89b29ad4c74b",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "201ec7e3-a422-c51a-4eb9-63ca22def8e1",
                        "fromProperty": "Send",
                        "toId": "1f699e21-85bb-885b-0bde-060b3f248c96",
                        "toProperty": "sendEvent"
                    }
                ],
                "roots": [
                    {
                        "id": "1f699e21-85bb-885b-0bde-060b3f248c96",
                        "type": "Event Sender",
                        "x": 540.3183441325059,
                        "y": 431,
                        "parameters": {
                            "channelName": "Select Tab"
                        },
                        "ports": [
                            {
                                "name": "tab id",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5c9506aa-465d-5356-d788-89b29ad4c74b",
                        "type": "String",
                        "x": 345.6550096666434,
                        "y": 561.7901739995816,
                        "parameters": {
                            "value": "shop"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "201ec7e3-a422-c51a-4eb9-63ca22def8e1",
                        "type": "Component Inputs",
                        "x": 156,
                        "y": 429,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Tab Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Send",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Account/information tabs/Account List Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "b6088853-1519-1a39-d438-5df4470d7285",
                        "fromProperty": "label",
                        "toId": "02d3b2af-2ef9-c2bf-328c-b07ce01dd7d8",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b6088853-1519-1a39-d438-5df4470d7285",
                        "fromProperty": "Mounted",
                        "toId": "b43ea218-9c97-10da-063b-50e690feaf18",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b6088853-1519-1a39-d438-5df4470d7285",
                        "fromProperty": "Sub heading label",
                        "toId": "b43ea218-9c97-10da-063b-50e690feaf18",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "b6088853-1519-1a39-d438-5df4470d7285",
                        "fromProperty": "Icon",
                        "toId": "1e471fc0-8efb-f9b5-f777-21f56cfb6d9b",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "3738d054-3845-0e11-5011-42a301885440",
                        "fromProperty": "pointerDown",
                        "toId": "5466fc04-323a-8cd2-661e-38b2c8438c41",
                        "toProperty": "to-Pressed"
                    },
                    {
                        "fromId": "3738d054-3845-0e11-5011-42a301885440",
                        "fromProperty": "pointerUp",
                        "toId": "5466fc04-323a-8cd2-661e-38b2c8438c41",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "3738d054-3845-0e11-5011-42a301885440",
                        "fromProperty": "hoverEnd",
                        "toId": "5466fc04-323a-8cd2-661e-38b2c8438c41",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "5466fc04-323a-8cd2-661e-38b2c8438c41",
                        "fromProperty": "Background Color Blend",
                        "toId": "a38a9b67-b505-1bdc-9a34-3d206fe94876",
                        "toProperty": "blendValue"
                    },
                    {
                        "fromId": "a38a9b67-b505-1bdc-9a34-3d206fe94876",
                        "fromProperty": "result",
                        "toId": "3738d054-3845-0e11-5011-42a301885440",
                        "toProperty": "backgroundColor"
                    },
                    {
                        "fromId": "3738d054-3845-0e11-5011-42a301885440",
                        "fromProperty": "onClick",
                        "toId": "b85286eb-c8ad-d56f-d3b9-f40a8c95b4ac",
                        "toProperty": "Click"
                    }
                ],
                "roots": [
                    {
                        "id": "b6088853-1519-1a39-d438-5df4470d7285",
                        "type": "Component Inputs",
                        "x": -88.75048333217111,
                        "y": 287.9739110668804,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Icon",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            },
                            {
                                "name": "Sub heading label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 6
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "3738d054-3845-0e11-5011-42a301885440",
                        "type": "Group",
                        "label": "Tab link",
                        "x": 671,
                        "y": 440,
                        "parameters": {
                            "sizeMode": "explicit",
                            "flexDirection": "row",
                            "backgroundColor": "#FFFFFF",
                            "paddingTop": {
                                "value": 7,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 7,
                                "unit": "px"
                            },
                            "marginBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "height": {
                                "value": 46,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "1e471fc0-8efb-f9b5-f777-21f56cfb6d9b",
                                "type": "Image",
                                "x": 20,
                                "y": 177,
                                "parameters": {
                                    "alignY": "center",
                                    "marginRight": {
                                        "value": 9,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b2c66a60-d092-bd7a-3fc7-8d46d141febf",
                                "type": "Group",
                                "x": 20,
                                "y": 259,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "02d3b2af-2ef9-c2bf-328c-b07ce01dd7d8",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentWidth",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "b43ea218-9c97-10da-063b-50e690feaf18",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 128,
                                        "parameters": {
                                            "fontSize": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "color": "#414042",
                                            "mounted": false,
                                            "sizeMode": "contentWidth",
                                            "alignX": "left",
                                            "marginLeft": {
                                                "value": 1,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "8a4cf1c5-4ceb-c473-a2c2-588e3381353f",
                                "type": "Group",
                                "label": "button",
                                "x": 20,
                                "y": 489,
                                "parameters": {
                                    "alignX": "right",
                                    "alignY": "center",
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "a67a17d4-dd38-da9d-ac0c-6f101cf57309",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "alignX": "right",
                                            "marginRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "alignY": "center",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "srcSet": "icons/forward-icon.png, icons/forward-icon@2x.png 2x, icons/forward-icon@3x.png 3x"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "5466fc04-323a-8cd2-661e-38b2c8438c41",
                        "type": "States",
                        "x": 1003.6373809985587,
                        "y": 401.2017239137972,
                        "parameters": {
                            "states": "Default,Pressed",
                            "duration-Pressed": 50,
                            "duration-Default": 150,
                            "values": "Background Color Blend",
                            "value-Default-Background Color Blend": 0,
                            "value-Pressed-Background Color Blend": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Background Color Blend",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Background Color Blend",
                                "displayName": "Background Color Blend",
                                "editorName": "Default|Background Color Blend",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "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": "number",
                                "group": "Pressed Values",
                                "name": "value-Pressed-Background Color Blend",
                                "displayName": "Background Color Blend",
                                "editorName": "Pressed|Background Color Blend",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Pressed Transition",
                                "name": "transition-Pressed",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Pressed Transition",
                                "name": "duration-Pressed",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Pressed",
                                "name": "to-Pressed",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Pressed",
                                "name": "at-Pressed",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Pressed",
                                "name": "reached-Pressed",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Pressed"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a38a9b67-b505-1bdc-9a34-3d206fe94876",
                        "type": "Color Blend",
                        "x": 1085.6373809985587,
                        "y": 595.2017239137972,
                        "parameters": {
                            "color 0": "#ffffff",
                            "color 1": "#e4e4ea"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b85286eb-c8ad-d56f-d3b9-f40a8c95b4ac",
                        "type": "Component Outputs",
                        "x": 947.6373809985587,
                        "y": 261.2017239137972,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Pointer Events",
                                "index": 0
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Components/Small Item Card",
            "graph": {
                "connections": [
                    {
                        "fromId": "496c9125-6785-b578-8734-faaadd13d398",
                        "fromProperty": "Formatted Price",
                        "toId": "44b5a98e-c3f8-2ab3-b12d-8d22b76de170",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "f57598a3-2eba-cc96-fb38-156750ad7c4a",
                        "fromProperty": "price",
                        "toId": "496c9125-6785-b578-8734-faaadd13d398",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "0311d07c-3e1b-457d-d61d-8f45c539b360",
                        "fromProperty": "onClick",
                        "toId": "4b22915c-a8e9-9889-ec8c-7f077b48bad6",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "f8df8cfa-2e92-e0c6-f91a-ace9db2bd6f5",
                        "fromProperty": "item id",
                        "toId": "f57598a3-2eba-cc96-fb38-156750ad7c4a",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "f57598a3-2eba-cc96-fb38-156750ad7c4a",
                        "fromProperty": "id",
                        "toId": "ddd90520-391d-edb7-9f85-499b84b0460e",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "f57598a3-2eba-cc96-fb38-156750ad7c4a",
                        "fromProperty": "title",
                        "toId": "ccb07e00-0610-7609-9105-7ab686b412af",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "f8df8cfa-2e92-e0c6-f91a-ace9db2bd6f5",
                        "type": "Component Inputs",
                        "x": 138.7682474660716,
                        "y": 524,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "item id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0f9efb13-a68d-6b21-b0b0-1388231dfcd0",
                        "type": "Group",
                        "x": 682.8107562229399,
                        "y": 528.341860502862,
                        "parameters": {
                            "sizeMode": "explicit",
                            "marginRight": {
                                "value": 20,
                                "unit": "px"
                            },
                            "width": {
                                "value": 70,
                                "unit": "px"
                            },
                            "height": {
                                "value": 90,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "0311d07c-3e1b-457d-d61d-8f45c539b360",
                                "type": "Group",
                                "x": 702.8107562229399,
                                "y": 574.341860502862,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "alignX": "right",
                                    "position": "absolute",
                                    "clip": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "ddd90520-391d-edb7-9f85-499b84b0460e",
                                        "type": "/UI Components/Product Tile",
                                        "x": 722.8107562229399,
                                        "y": 656.341860502862,
                                        "parameters": {
                                            "Big": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "44b5a98e-c3f8-2ab3-b12d-8d22b76de170",
                                        "type": "Text",
                                        "x": 722.8107562229399,
                                        "y": 738.341860502862,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "letterSpacing": 0.85,
                                            "textAlign": "left",
                                            "alignX": "center",
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "ccb07e00-0610-7609-9105-7ab686b412af",
                                        "type": "Text",
                                        "x": 722.8107562229399,
                                        "y": 820.341860502862,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentHeight",
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "6291aba9-2087-46e7-aab8-33124bfec10e",
                                "type": "/UI Components/Add To Cart Stepper",
                                "x": 20,
                                "y": 374,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "496c9125-6785-b578-8734-faaadd13d398",
                        "type": "/Components/Price Format",
                        "x": 495.55144037868706,
                        "y": 742.523265980525,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f57598a3-2eba-cc96-fb38-156750ad7c4a",
                        "type": "Model",
                        "x": 261.8270459796355,
                        "y": 658.3306468462757,
                        "parameters": {
                            "properties": "price,title"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4b22915c-a8e9-9889-ec8c-7f077b48bad6",
                        "type": "Event Sender",
                        "x": 937.2460181759277,
                        "y": 558.8563312593576,
                        "parameters": {
                            "channelName": "Show Product Details"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Personalization/Personalization Carousel",
            "graph": {
                "connections": [
                    {
                        "fromId": "8418e5ea-88e2-b8a1-ef56-7f833b28b348",
                        "fromProperty": "Title",
                        "toId": "4eef6a81-5af2-01db-b582-596265338bd6",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "8418e5ea-88e2-b8a1-ef56-7f833b28b348",
                        "fromProperty": "Subtitle",
                        "toId": "3ede4df1-d21a-0dcd-b8e5-b2f67ba54e5d",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "661d2e51-2867-2fc4-bb66-396b9e892fa4",
                        "fromProperty": "items",
                        "toId": "074bf9cf-27c1-7afc-57db-02e107dfb9cb",
                        "toProperty": "collection"
                    },
                    {
                        "fromId": "f19e4d7b-4680-96d6-1e06-24a96e105827",
                        "fromProperty": "didMount",
                        "toId": "074bf9cf-27c1-7afc-57db-02e107dfb9cb",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "adf6a234-fba4-1ad9-5ab8-ca75af22ccf6",
                        "fromProperty": "Category",
                        "toId": "1a3772eb-d22b-5734-2e47-6897ce8909e9",
                        "toProperty": "itemCategory"
                    },
                    {
                        "fromId": "1a3772eb-d22b-5734-2e47-6897ce8909e9",
                        "fromProperty": "formatted",
                        "toId": "074bf9cf-27c1-7afc-57db-02e107dfb9cb",
                        "toProperty": "categoryItemId"
                    },
                    {
                        "fromId": "1a3772eb-d22b-5734-2e47-6897ce8909e9",
                        "fromProperty": "formatted",
                        "toId": "b1e57c75-5a1f-5b75-4d9e-3c6e35c86b8e",
                        "toProperty": "categoryId"
                    },
                    {
                        "fromId": "661d2e51-2867-2fc4-bb66-396b9e892fa4",
                        "fromProperty": "items",
                        "toId": "35ab30d0-57e4-6d0f-1541-a45193bcd8b1",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "6b09fa9b-ebff-1646-4c89-fb2d5d71a9d4",
                        "fromProperty": "guid",
                        "toId": "661d2e51-2867-2fc4-bb66-396b9e892fa4",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "8418e5ea-88e2-b8a1-ef56-7f833b28b348",
                        "fromProperty": "itemId",
                        "toId": "0581ca4c-073e-1431-3089-e2c7f2a657d4",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "8418e5ea-88e2-b8a1-ef56-7f833b28b348",
                        "fromProperty": "itemId",
                        "toId": "adf6a234-fba4-1ad9-5ab8-ca75af22ccf6",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "f19e4d7b-4680-96d6-1e06-24a96e105827",
                        "type": "Group",
                        "x": 528,
                        "y": 677,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "ddba0966-eed8-6cce-95f7-b1e59eb5fda1",
                                "type": "Group",
                                "label": "Header",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "marginBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "4eef6a81-5af2-01db-b582-596265338bd6",
                                        "type": "Text",
                                        "label": "Title",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#2E2F32",
                                            "marginBottom": {
                                                "value": 4,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "3ede4df1-d21a-0dcd-b8e5-b2f67ba54e5d",
                                        "type": "Text",
                                        "label": "Subtitle",
                                        "x": 20,
                                        "y": 158,
                                        "parameters": {
                                            "text": "Text",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#46474A",
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "b8bb8890-2876-da46-29a9-3c98a75df3dd",
                                "type": "Group",
                                "label": "items",
                                "x": 548,
                                "y": 978,
                                "parameters": {
                                    "flexDirection": "row",
                                    "scrollBehavior": "noodl",
                                    "scrollDirection": "x",
                                    "marginBottom": {
                                        "value": 30,
                                        "unit": "px"
                                    },
                                    "showScrollbar": false
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "35ab30d0-57e4-6d0f-1541-a45193bcd8b1",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "template": "/Product Details Page/Modules/Personalization/Personalization Carousel Item"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "5dbc4cae-198c-4e05-8a3e-dd77559a5e0f",
                                "type": "Group",
                                "label": "Slider",
                                "x": 20,
                                "y": 444,
                                "parameters": {
                                    "height": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "width": {
                                        "value": 230,
                                        "unit": "px"
                                    },
                                    "alignX": "center",
                                    "marginTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "18083080-56c4-d91c-c8f3-1a128ab37b0f",
                                        "type": "Group",
                                        "label": "background bar",
                                        "x": 967.4997551183976,
                                        "y": 1060.4986758435152,
                                        "parameters": {
                                            "backgroundColor": "#E6E7E8",
                                            "alignY": "center",
                                            "borderRadius": 2
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "3090be59-5dff-ea74-501c-2b2860553364",
                                        "type": "Group",
                                        "label": "positionBar",
                                        "x": 967.4997551183976,
                                        "y": 1121.4986758435152,
                                        "parameters": {
                                            "alignY": "center",
                                            "position": "absolute",
                                            "backgroundColor": "#000000",
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 48,
                                                "unit": "px"
                                            },
                                            "borderRadius": 2
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8418e5ea-88e2-b8a1-ef56-7f833b28b348",
                        "type": "Component Inputs",
                        "x": 122,
                        "y": 618,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Subtitle",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "itemId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "661d2e51-2867-2fc4-bb66-396b9e892fa4",
                        "type": "Collection",
                        "x": 142.1248396951744,
                        "y": 930.312526717471,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "074bf9cf-27c1-7afc-57db-02e107dfb9cb",
                        "type": "Javascript2",
                        "label": "Find Recommendations",
                        "x": 135.25,
                        "y": 761.125,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    refresh:'signal',\n\t    categoryItemId: 'string',\n\t    collection: 'collection',\n\t    categories: 'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\n    setup(inputs, outputs) {\n\n        this.getRecommendedItemsForCategory = (categoryId, itemsToIgnore) => {\n            let allIndicies = Array.from(Array(window.wallyProducts.length).keys());\n            let recomendedItems = [];\n            \n            while(allIndicies.length > 0 && recomendedItems.length < 5) {\n                let randomIndex = Math.floor(Math.random() * allIndicies.length);\n                let itemIndex = allIndicies[randomIndex];\n                allIndicies.splice(randomIndex, 1);\n                \n                let product = window.wallyProducts[itemIndex];\n                \n                if(itemsToIgnore.indexOf(product.itemId) !== -1) {\n                    continue;\n                }\n\n                if(product.category && product.category.path.length > 0 && product.category.path[0].name === categoryId) {\n                    // product has a category and it matches this category\n                    recomendedItems.push(product);\n                } else if (!product.category || product.category.path.length === 0) {\n                    // product doesn't have a category, might as well use it anyways\n                    recomendedItems.push(product);\n                }\n            }\n            \n            return recomendedItems;    \n        }\n        \n        this.refresh = () => {\n            if(!inputs.categoryItemId || Noodl.Model.exists(inputs.categoryItemId) === false) {\n                console.log(\"No category item model with id \"+ inputs.categoryItemId );\n                return;\n            }\n            \n            let categoryModel = Noodl.Model.get(inputs.categoryItemId);\n            let itemsInCartInCategory = categoryModel.get(\"items\");\n            \n            let recommendedItems = this.getRecommendedItemsForCategory(categoryModel.get(\"label\"), itemsInCartInCategory);\n            \n            let models = [];\n            for(let i = 0; i < recommendedItems.length; ++i) {\n                models.push(Noodl.Model.create({\n                    \"itemId\": recommendedItems[i].itemId\n                }));\n                Noodl.Model.create(recommendedItems[i]);\n            }\n            \n            inputs.collection.set(models);\n        }\n        this.refresh();\n    },\n\trefresh(inputs,outputs) {\n\t\tthis.refresh();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "categoryItemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "categories",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "adf6a234-fba4-1ad9-5ab8-ca75af22ccf6",
                        "type": "/Components/Get Item Category",
                        "x": -245.75,
                        "y": 739.125,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1a3772eb-d22b-5734-2e47-6897ce8909e9",
                        "type": "String Format",
                        "x": -327.75,
                        "y": 863.125,
                        "parameters": {
                            "format": "category-{itemCategory}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemCategory",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b1e57c75-5a1f-5b75-4d9e-3c6e35c86b8e",
                        "type": "String Format",
                        "x": -338.75,
                        "y": 1113.125,
                        "parameters": {
                            "format": "{categoryId}-recommendations"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "categoryId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6b09fa9b-ebff-1646-4c89-fb2d5d71a9d4",
                        "type": "Unique Id",
                        "x": 66.25,
                        "y": 1177.125,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "0581ca4c-073e-1431-3089-e2c7f2a657d4",
                        "type": "/Components/Create Item Category",
                        "x": -298.75,
                        "y": 578.125,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Personalization/Personalization Carousel Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "021b7370-888f-d6c1-bc51-f7aa71f1a4d6",
                        "fromProperty": "itemId",
                        "toId": "016776b1-ad80-f19d-f3cf-448abce0c55f",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "a0017058-09df-0e01-7392-b9bc15cf6246",
                        "fromProperty": "Formatted Price",
                        "toId": "0b0328eb-a400-b153-a6d1-1c76c0d72ce3",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "047c0294-adbd-9ced-c476-68957be61b33",
                        "fromProperty": "price",
                        "toId": "a0017058-09df-0e01-7392-b9bc15cf6246",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "047c0294-adbd-9ced-c476-68957be61b33",
                        "fromProperty": "title",
                        "toId": "09f6a3ac-70cd-2713-d3ed-6e3152b5051a",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "016776b1-ad80-f19d-f3cf-448abce0c55f",
                        "fromProperty": "itemId",
                        "toId": "047c0294-adbd-9ced-c476-68957be61b33",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "047c0294-adbd-9ced-c476-68957be61b33",
                        "fromProperty": "img",
                        "toId": "e9e18027-49da-e58a-0d31-460576b8bec5",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "047c0294-adbd-9ced-c476-68957be61b33",
                        "fromProperty": "customerRating",
                        "toId": "4363e49c-44b8-3d13-4d30-6545250ddb85",
                        "toProperty": "Rating Score"
                    },
                    {
                        "fromId": "047c0294-adbd-9ced-c476-68957be61b33",
                        "fromProperty": "numReviews",
                        "toId": "4363e49c-44b8-3d13-4d30-6545250ddb85",
                        "toProperty": "Ratings Count"
                    },
                    {
                        "fromId": "047c0294-adbd-9ced-c476-68957be61b33",
                        "fromProperty": "id",
                        "toId": "05f7bd50-2c0a-b227-d16d-e4bfdec364c3",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "021b7370-888f-d6c1-bc51-f7aa71f1a4d6",
                        "type": "For Each Actions",
                        "x": 364.8992493994003,
                        "y": 706.9170135333007,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "016776b1-ad80-f19d-f3cf-448abce0c55f",
                        "type": "Model",
                        "x": 561.8992493994003,
                        "y": 705.9170135333007,
                        "parameters": {
                            "properties": "itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dcf0713b-4eab-5424-6c19-b9033d581998",
                        "type": "Group",
                        "x": 1297.1899311118445,
                        "y": 570.3152962683589,
                        "parameters": {
                            "sizeMode": "explicit",
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "width": {
                                "value": 124,
                                "unit": "px"
                            },
                            "height": {
                                "value": 212,
                                "unit": "px"
                            },
                            "clip": false,
                            "boxShadowEnabled": true,
                            "boxShadowOffsetX": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowOffsetY": {
                                "value": 3,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 16,
                                "unit": "px"
                            },
                            "boxShadowSpreadRadius": {
                                "value": 0,
                                "unit": "px"
                            },
                            "borderRadius": 8,
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "68a06300-04af-befe-7429-9d55e802fcd1",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "clip": false,
                                    "width": {
                                        "value": 124,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 212,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e9e18027-49da-e58a-0d31-460576b8bec5",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "alignY": "center",
                                            "alignX": "center",
                                            "height": {
                                                "value": 108,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 108,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "0b0328eb-a400-b153-a6d1-1c76c0d72ce3",
                                        "type": "Text",
                                        "x": 1337.1899311118445,
                                        "y": 780.3152962683589,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "letterSpacing": 0.85,
                                            "textAlign": "left",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "fa5dd2c5-52f4-2937-3912-0c40702440dd",
                                        "type": "Group",
                                        "x": 1337.1899311118445,
                                        "y": 862.3152962683589,
                                        "parameters": {
                                            "clip": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "09f6a3ac-70cd-2713-d3ed-6e3152b5051a",
                                                "type": "Text",
                                                "x": 1357.1899311118445,
                                                "y": 908.3152962683589,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "explicit"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "4b5c44b8-b775-e3f5-d297-63c6c02de4f7",
                                        "type": "Group",
                                        "x": 1337.1899311118445,
                                        "y": 990.3152962683589,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "4363e49c-44b8-3d13-4d30-6545250ddb85",
                                                "type": "/UI Components/Star Rating",
                                                "x": 1357.1899311118445,
                                                "y": 1036.315296268359,
                                                "parameters": {
                                                    "Align Y": "bottom",
                                                    "Position": "absolute"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "de2eb473-6751-f6e7-6de4-837c22cb2834",
                                "type": "Group",
                                "x": 1315.9107657386512,
                                "y": 575.4825320633412,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "position": "absolute",
                                    "alignX": "right",
                                    "alignY": "top",
                                    "paddingTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "05f7bd50-2c0a-b227-d16d-e4bfdec364c3",
                                        "type": "/UI Components/Add To Cart Stepper",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Align X": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "a0017058-09df-0e01-7392-b9bc15cf6246",
                        "type": "/Components/Price Format",
                        "x": 899.5642556684562,
                        "y": 885.1558738122744,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "047c0294-adbd-9ced-c476-68957be61b33",
                        "type": "Model",
                        "x": 872.813215068554,
                        "y": 699.1730806784437,
                        "parameters": {
                            "properties": "price,title,img,customerRating,numReviews"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 10
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Has Variants",
            "graph": {
                "connections": [
                    {
                        "fromId": "9e3c4068-bf69-d037-57c1-370ad1dedc67",
                        "fromProperty": "Item Id",
                        "toId": "545cfe98-5d50-ac68-091b-1fdace1f3329",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "545cfe98-5d50-ac68-091b-1fdace1f3329",
                        "fromProperty": "hasVariants",
                        "toId": "d3754939-7e4f-fe86-a00c-5b093dd2d2f1",
                        "toProperty": "Has Variants"
                    },
                    {
                        "fromId": "545cfe98-5d50-ac68-091b-1fdace1f3329",
                        "fromProperty": "numVariants",
                        "toId": "d3754939-7e4f-fe86-a00c-5b093dd2d2f1",
                        "toProperty": "Num Variants"
                    },
                    {
                        "fromId": "9e3c4068-bf69-d037-57c1-370ad1dedc67",
                        "fromProperty": "Update",
                        "toId": "545cfe98-5d50-ac68-091b-1fdace1f3329",
                        "toProperty": "update"
                    }
                ],
                "roots": [
                    {
                        "id": "9e3c4068-bf69-d037-57c1-370ad1dedc67",
                        "type": "Component Inputs",
                        "x": 369,
                        "y": 509,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Update",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "545cfe98-5d50-ac68-091b-1fdace1f3329",
                        "type": "Javascript2",
                        "x": 653,
                        "y": 516,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    itemId:'string',\n\t    update:'signal'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    hasVariants: 'boolean',\n\t    numVariants: 'number',\n\t    // ExampleOutput:'string',\n\t},\n\tsetup(inputs,outputs) {\n\t    this.update = () => {\n\t        \n\t        if(!window.wallyProducts) {\n\t            return;\n\t        }\n\t         \n    \t\tlet productData = window.wallyProducts.find(product => product.itemId === inputs.itemId);\n    \t            \n            if(productData) {\n                if(productData.hasOwnProperty(\"variantCategoriesMap\") === true) {\n                    outputs.hasVariants = true;\n                    let maxNum = 0;\n                    Object.keys(productData[\"variantCategoriesMap\"]).forEach((variantTypeName) => {\n                        maxNum = Math.max(Object.keys(productData[\"variantCategoriesMap\"][variantTypeName].variants).length, maxNum)\n                    });\n                    outputs.numVariants = maxNum;//productData[\"variantCategoriesMap\"].reduce((maxNum, variantType) => Math.max(variantType.variants.length, maxNum ? maxNum : 0))\n                } else {\n                    outputs.hasVariants = false;\n                    outputs.numVariants = 0;\n                }\n                \n            } else {\n                console.log(\"Could not find data for product \" + inputs.itemId);\n            }\n\t        \n\t    }\n\t},\n\tupdate() {\n\t    this.update();\n\t},\n\tchange:function(inputs,outputs) {\n\t    this.update();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "update",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "hasVariants",
                                "type": {
                                    "name": "boolean"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "numVariants",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d3754939-7e4f-fe86-a00c-5b093dd2d2f1",
                        "type": "Component Outputs",
                        "x": 926,
                        "y": 552,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Has Variants",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Num Variants",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/SessionData/Setup session",
            "graph": {
                "connections": [
                    {
                        "fromId": "d052d065-9811-1e63-4a92-da3c27ca90c8",
                        "fromProperty": "switchedToOn",
                        "toId": "ac7504cb-41c5-74bb-c400-f167b444546b",
                        "toProperty": "startLoad"
                    },
                    {
                        "fromId": "ac7504cb-41c5-74bb-c400-f167b444546b",
                        "fromProperty": "loaded",
                        "toId": "4948e116-f3ec-a1ab-553d-2c50b1248c07",
                        "toProperty": "scriptsLoaded"
                    },
                    {
                        "fromId": "4948e116-f3ec-a1ab-553d-2c50b1248c07",
                        "fromProperty": "initialized",
                        "toId": "423b7e1e-74b5-580f-e333-def0d763a7ec",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "423b7e1e-74b5-580f-e333-def0d763a7ec",
                        "fromProperty": "state",
                        "toId": "11b15c3b-fe8e-dc3c-6246-562076fde8ac",
                        "toProperty": "initialized"
                    },
                    {
                        "fromId": "ac321927-3e64-1074-db34-62c459ff6b80",
                        "fromProperty": "savedValue",
                        "toId": "11b15c3b-fe8e-dc3c-6246-562076fde8ac",
                        "toProperty": "sessionName"
                    },
                    {
                        "fromId": "29ce1ae4-c391-656a-52f1-0e45c84e0fc4",
                        "fromProperty": "guid",
                        "toId": "11b15c3b-fe8e-dc3c-6246-562076fde8ac",
                        "toProperty": "sessionId"
                    },
                    {
                        "fromId": "505c7ddf-13d2-9496-bf14-3cc779ba0395",
                        "fromProperty": "eventReceived",
                        "toId": "43de8d85-7fa9-4c03-eeeb-2087e51f59cd",
                        "toProperty": "doLog"
                    }
                ],
                "roots": [
                    {
                        "id": "11b15c3b-fe8e-dc3c-6246-562076fde8ac",
                        "type": "Globals",
                        "x": 504.20260733688326,
                        "y": 879.7339413100358,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "sessionId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "initialized",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "sessionName",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ac321927-3e64-1074-db34-62c459ff6b80",
                        "type": "String",
                        "label": "SessionId for logging",
                        "x": 201.5132668655042,
                        "y": 909.8193226537169,
                        "parameters": {
                            "value": "demo-deploy"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "conflicts": [],
                        "children": []
                    },
                    {
                        "id": "ac7504cb-41c5-74bb-c400-f167b444546b",
                        "type": "Script Downloader",
                        "x": 572.5255749018291,
                        "y": 687.3239516635126,
                        "parameters": {
                            "input 0": "https://www.gstatic.com/firebasejs/7.2.3/firebase-app.js",
                            "input 1": "https://www.gstatic.com/firebasejs/7.2.3/firebase-auth.js",
                            "input 2": "https://www.gstatic.com/firebasejs/7.2.3/firebase-firestore.js",
                            "input 3": "https://www.gstatic.com/firebasejs/7.2.3/firebase-functions.js",
                            "input 4": "https://www.gstatic.com/firebasejs/7.3.0/firebase-analytics.js"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d052d065-9811-1e63-4a92-da3c27ca90c8",
                        "type": "Switch",
                        "x": 582.226745299569,
                        "y": 555,
                        "parameters": {
                            "onFromStart": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "4948e116-f3ec-a1ab-553d-2c50b1248c07",
                        "type": "Javascript2",
                        "label": "Setup Backend",
                        "x": 308.8455418329287,
                        "y": 624.1214556040728,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    scriptsLoaded:'signal',\n\t},\n\t\n\toutputs:{\n\t    initialized: 'signal'\n\t},\n\t\n\tscriptsLoaded:function(inputs,outputs) {\n\t    const firebaseConfig = {\n            apiKey: \"AIzaSyDgIgGJH5zMx33iqrqng7o6y70KlPrELIw\",\n            authDomain: \"wally-1ee28.firebaseapp.com\",\n            databaseURL: \"https://wally-1ee28.firebaseio.com\",\n            projectId: \"wally-1ee28\",\n            storageBucket: \"wally-1ee28.appspot.com\",\n            messagingSenderId: \"948717518333\",\n            appId: \"1:948717518333:web:912788de597e99ad74ad94\",\n            measurementId: \"G-FSN2K6LZXT\"\n          };\n        \n        window.cloudFunctionRegion = \"us-central1\";\n        \n        try {\n            firebase.initializeApp(firebaseConfig);\n            firebase.analytics();\n\n            this.sendSignalOnOutput('initialized');\n        }\n        catch(e) {\n            console.log('firebase FAILED to initialize');\n            throw e;\n        }\n\t},\n})"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "scriptsLoaded",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "initialized",
                                "type": {
                                    "name": "signal"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "423b7e1e-74b5-580f-e333-def0d763a7ec",
                        "type": "Switch",
                        "x": 343.19687136794096,
                        "y": 763.7916454986778,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "29ce1ae4-c391-656a-52f1-0e45c84e0fc4",
                        "type": "Unique Id",
                        "x": 203.38889475267774,
                        "y": 1010.3049462637505,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "43de8d85-7fa9-4c03-eeeb-2087e51f59cd",
                        "type": "/SessionData/Page event",
                        "x": 153,
                        "y": 1128.3966310390454,
                        "parameters": {
                            "pageId": "add_to_cart",
                            "action": "from_pill"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "505c7ddf-13d2-9496-bf14-3cc779ba0395",
                        "type": "Event Receiver",
                        "x": 361.310667320285,
                        "y": 1114.4824385717247,
                        "parameters": {
                            "channelName": "log_add_from_pill"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/My Items/My Items Category",
            "graph": {
                "connections": [
                    {
                        "fromId": "94be1088-114a-4957-fc70-3bfd47654e8b",
                        "fromProperty": "itemId",
                        "toId": "450587ee-ced9-343e-32f9-656586bf07d5",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "450587ee-ced9-343e-32f9-656586bf07d5",
                        "fromProperty": "label",
                        "toId": "40d57392-1d17-0946-d8fa-703b1029aa40",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "450587ee-ced9-343e-32f9-656586bf07d5",
                        "fromProperty": "items",
                        "toId": "cd056d01-81a6-aa11-7cc7-8913160afbc4",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "cd056d01-81a6-aa11-7cc7-8913160afbc4",
                        "fromProperty": "collection",
                        "toId": "d5cd44e4-f638-9e61-c229-794eec600771",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "cd056d01-81a6-aa11-7cc7-8913160afbc4",
                        "fromProperty": "itemCount",
                        "toId": "9aac51f3-5237-576f-6d72-dcfc354c0403",
                        "toProperty": "numItems"
                    },
                    {
                        "fromId": "9aac51f3-5237-576f-6d72-dcfc354c0403",
                        "fromProperty": "formatted",
                        "toId": "7ecc9a43-d2f6-0c8b-7c87-c25b872e1589",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e00a8cb7-5327-ad03-4cb7-28de650cf388",
                        "fromProperty": "screenPositionY",
                        "toId": "4562f6c5-caec-7206-bd4d-fb8f16129a52",
                        "toProperty": "screenPosY"
                    },
                    {
                        "fromId": "a796435c-129e-0f68-788e-38a0a0203e6c",
                        "fromProperty": "height",
                        "toId": "4562f6c5-caec-7206-bd4d-fb8f16129a52",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "4562f6c5-caec-7206-bd4d-fb8f16129a52",
                        "fromProperty": "result",
                        "toId": "22658ab3-ae78-0598-d0b7-dfe275cd813a",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "6f9c139b-ba78-fd77-c351-bd43a304c531",
                        "fromProperty": "childIndex",
                        "toId": "22658ab3-ae78-0598-d0b7-dfe275cd813a",
                        "toProperty": "Index"
                    }
                ],
                "roots": [
                    {
                        "id": "6f9c139b-ba78-fd77-c351-bd43a304c531",
                        "type": "Group",
                        "x": 1004,
                        "y": 557,
                        "parameters": {
                            "height": {
                                "value": 32,
                                "unit": "px"
                            },
                            "sizeMode": "contentHeight",
                            "style": "{\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e00a8cb7-5327-ad03-4cb7-28de650cf388",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "40d57392-1d17-0946-d8fa-703b1029aa40",
                                        "type": "Text",
                                        "label": "Label",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#2E2F32",
                                            "marginTop": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginBottom": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "marginLeft": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "7ecc9a43-d2f6-0c8b-7c87-c25b872e1589",
                                        "type": "Text",
                                        "label": "Count",
                                        "x": 20,
                                        "y": 143,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "position": "absolute",
                                            "alignY": "center",
                                            "alignX": "right",
                                            "color": "#46474A",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "654e57f6-2880-d2fd-bfba-ea036843a691",
                                "type": "/UI Components/Design System/Divider",
                                "x": 1024,
                                "y": 743,
                                "parameters": {
                                    "Margin Bottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "Margin Top": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "acd6d43a-eff8-eec9-8f12-8c551c953d1c",
                                "type": "Group",
                                "x": 20,
                                "y": 404,
                                "parameters": {
                                    "flexWrap": "wrap",
                                    "flexDirection": "row",
                                    "sizeMode": "contentHeight",
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d5cd44e4-f638-9e61-c229-794eec600771",
                                        "type": "For Each",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "template": "/My Items/My Items Item"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "94be1088-114a-4957-fc70-3bfd47654e8b",
                        "type": "For Each Actions",
                        "x": 542,
                        "y": 678,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "450587ee-ced9-343e-32f9-656586bf07d5",
                        "type": "Model",
                        "x": 770,
                        "y": 686,
                        "parameters": {
                            "properties": "label,items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "label",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "items",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "cd056d01-81a6-aa11-7cc7-8913160afbc4",
                        "type": "Javascript2",
                        "x": 782,
                        "y": 995.0000000000001,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    items: 'object'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    collection: 'collection',\n\t    itemCount: 'number'\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\tsetup:function(inputs,outputs) {\n\t\toutputs.collection = Noodl.Collection.get();\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t    let items = [];\n\t\tfor(let i = 0; i < inputs.items.length; ++i) {\n\t\t    items.push(Noodl.Model.get(inputs.items[i]));\n\t\t}\n\t\t\n\t\toutputs.itemCount = items.length;\n\t\toutputs.collection.set(items);\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "plug": "input",
                                "type": {
                                    "name": "object"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "collection",
                                "type": {
                                    "name": "collection"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            },
                            {
                                "name": "itemCount",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "9aac51f3-5237-576f-6d72-dcfc354c0403",
                        "type": "String Format",
                        "x": 763,
                        "y": 447,
                        "parameters": {
                            "format": "{numItems} items"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "numItems",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "4562f6c5-caec-7206-bd4d-fb8f16129a52",
                        "type": "Expression",
                        "x": 1379.8,
                        "y": 542.9,
                        "parameters": {
                            "expression": "screenPosY > 0 && screenPosY < height"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "screenPosY",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "height",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a796435c-129e-0f68-788e-38a0a0203e6c",
                        "type": "Screen Resolution",
                        "x": 1425.8,
                        "y": 437.9,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "22658ab3-ae78-0598-d0b7-dfe275cd813a",
                        "type": "Event Sender",
                        "x": 1644.8,
                        "y": 743.9,
                        "parameters": {
                            "channelName": "My Items Category Focused",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "Index",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/My Items/My Items Category Shortcut",
            "graph": {
                "connections": [
                    {
                        "fromId": "c76b13fa-5cc8-c7ac-043a-bccf361d8fed",
                        "fromProperty": "itemId",
                        "toId": "5b62d52f-bf73-bb75-1f38-c345e7ed72ff",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "5b62d52f-bf73-bb75-1f38-c345e7ed72ff",
                        "fromProperty": "label",
                        "toId": "7dc2438f-5f42-4fee-3713-6575458fec51",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "1c067bca-7749-b37f-c154-df595504febd",
                        "fromProperty": "childIndex",
                        "toId": "5a12d981-5ca4-a7ab-cce7-ad4f8b674fa8",
                        "toProperty": "Item Index"
                    },
                    {
                        "fromId": "1c067bca-7749-b37f-c154-df595504febd",
                        "fromProperty": "onClick",
                        "toId": "5a12d981-5ca4-a7ab-cce7-ad4f8b674fa8",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "1c067bca-7749-b37f-c154-df595504febd",
                        "fromProperty": "childIndex",
                        "toId": "de024769-acfe-96c0-9474-12b398e4024b",
                        "toProperty": "myIndex"
                    },
                    {
                        "fromId": "7074a115-54a0-c647-f753-b3385ee1048c",
                        "fromProperty": "Focused Category Index",
                        "toId": "de024769-acfe-96c0-9474-12b398e4024b",
                        "toProperty": "focusedIndex"
                    },
                    {
                        "fromId": "de024769-acfe-96c0-9474-12b398e4024b",
                        "fromProperty": "result",
                        "toId": "90e9d7b8-754c-a30b-e473-f9f7ecaff259",
                        "toProperty": "to-Focused"
                    },
                    {
                        "fromId": "7074a115-54a0-c647-f753-b3385ee1048c",
                        "fromProperty": "Focused Category Index",
                        "toId": "c843ace5-3a94-401c-c0ad-17d07d9ec84a",
                        "toProperty": "focusedIndex"
                    },
                    {
                        "fromId": "1c067bca-7749-b37f-c154-df595504febd",
                        "fromProperty": "childIndex",
                        "toId": "c843ace5-3a94-401c-c0ad-17d07d9ec84a",
                        "toProperty": "myIndex"
                    },
                    {
                        "fromId": "c843ace5-3a94-401c-c0ad-17d07d9ec84a",
                        "fromProperty": "result",
                        "toId": "90e9d7b8-754c-a30b-e473-f9f7ecaff259",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "90e9d7b8-754c-a30b-e473-f9f7ecaff259",
                        "fromProperty": "Marker Opacity",
                        "toId": "f01dcf2d-e64a-484f-46e0-b90d666ce9f1",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "90e9d7b8-754c-a30b-e473-f9f7ecaff259",
                        "fromProperty": "at-Focused",
                        "toId": "7dc2438f-5f42-4fee-3713-6575458fec51",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "90e9d7b8-754c-a30b-e473-f9f7ecaff259",
                        "fromProperty": "at-Default",
                        "toId": "b166af53-9915-b62c-2f3d-5f05686510ef",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "5b62d52f-bf73-bb75-1f38-c345e7ed72ff",
                        "fromProperty": "label",
                        "toId": "b166af53-9915-b62c-2f3d-5f05686510ef",
                        "toProperty": "text"
                    }
                ],
                "roots": [
                    {
                        "id": "c76b13fa-5cc8-c7ac-043a-bccf361d8fed",
                        "type": "For Each Actions",
                        "x": 248,
                        "y": 640,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5b62d52f-bf73-bb75-1f38-c345e7ed72ff",
                        "type": "Model",
                        "x": 453,
                        "y": 642,
                        "parameters": {
                            "properties": "label"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "label",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "1c067bca-7749-b37f-c154-df595504febd",
                        "type": "Group",
                        "x": 762,
                        "y": 556,
                        "parameters": {
                            "sizeMode": "contentSize"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "7dc2438f-5f42-4fee-3713-6575458fec51",
                                "type": "Text",
                                "label": "Bold Label",
                                "x": 782,
                                "y": 658,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                    "fontSize": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "color": "#2E2F32",
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b166af53-9915-b62c-2f3d-5f05686510ef",
                                "type": "Text",
                                "label": "Regular Label",
                                "x": 797,
                                "y": 751.125,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "fontSize": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "color": "#2E2F32",
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "position": "absolute",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "f01dcf2d-e64a-484f-46e0-b90d666ce9f1",
                                "type": "Group",
                                "x": 20,
                                "y": 143,
                                "parameters": {
                                    "backgroundColor": "#0065FF",
                                    "height": {
                                        "value": 2,
                                        "unit": "px"
                                    },
                                    "position": "absolute",
                                    "alignY": "bottom"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "5a12d981-5ca4-a7ab-cce7-ad4f8b674fa8",
                        "type": "Event Sender",
                        "x": 1041,
                        "y": 493,
                        "parameters": {
                            "channelName": "My Items Category Shortcut Clicked",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "Item Index",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7074a115-54a0-c647-f753-b3385ee1048c",
                        "type": "Model",
                        "x": 334,
                        "y": 337.125,
                        "parameters": {
                            "modelId": "My Items State",
                            "properties": "Focused Category Index"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "Focused Category Index",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "90e9d7b8-754c-a30b-e473-f9f7ecaff259",
                        "type": "States",
                        "x": 699,
                        "y": 402.125,
                        "parameters": {
                            "states": "Default,Focused",
                            "values": "Marker Opacity",
                            "value-Default-Marker Opacity": 0,
                            "value-Focused-Marker Opacity": 1,
                            "startState": "Default"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Marker Opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Marker Opacity",
                                "displayName": "Marker Opacity",
                                "editorName": "Default|Marker Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "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": "number",
                                "group": "Focused Values",
                                "name": "value-Focused-Marker Opacity",
                                "displayName": "Marker Opacity",
                                "editorName": "Focused|Marker Opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Focused Transition",
                                "name": "transition-Focused",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Focused Transition",
                                "name": "duration-Focused",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Focused",
                                "name": "to-Focused",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Focused",
                                "name": "at-Focused",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Focused",
                                "name": "reached-Focused",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Focused"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "de024769-acfe-96c0-9474-12b398e4024b",
                        "type": "Expression",
                        "x": 740,
                        "y": 242.125,
                        "parameters": {
                            "expression": "focusedIndex === myIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "focusedIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c843ace5-3a94-401c-c0ad-17d07d9ec84a",
                        "type": "Expression",
                        "x": 906,
                        "y": 250.125,
                        "parameters": {
                            "expression": "focusedIndex !== myIndex"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "focusedIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myIndex",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Product Tile Big",
            "graph": {
                "connections": [
                    {
                        "fromId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "fromProperty": "img",
                        "toId": "0ab0e8c8-4325-2771-e94e-3d5acd10bc9f",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Model Id",
                        "toId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Model Id",
                        "toId": "3389d511-c8e2-aa92-e85a-9eeaa78aa912",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "fromProperty": "price",
                        "toId": "55a22262-8b79-c402-9976-ce4c7a56e31e",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "55a22262-8b79-c402-9976-ce4c7a56e31e",
                        "fromProperty": "Formatted Price",
                        "toId": "99f0d1a2-6a0d-7449-c2a2-f534398d32d2",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "fromProperty": "customerRating",
                        "toId": "9970eb2c-d86d-d9f3-06e2-9c6116fc7c0f",
                        "toProperty": "Rating Score"
                    },
                    {
                        "fromId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "fromProperty": "numReviews",
                        "toId": "9970eb2c-d86d-d9f3-06e2-9c6116fc7c0f",
                        "toProperty": "Ratings Count"
                    },
                    {
                        "fromId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "fromProperty": "customerRating",
                        "toId": "b6a54f58-6dbf-b0eb-093b-dc566d5504d5",
                        "toProperty": "rating"
                    },
                    {
                        "fromId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "fromProperty": "title",
                        "toId": "85caff1b-168d-5b20-abe4-b9e328ce4b94",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Model Id",
                        "toId": "a093af53-778d-5c11-d180-bf306d3e1a35",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "a093af53-778d-5c11-d180-bf306d3e1a35",
                        "fromProperty": "Has Variants",
                        "toId": "83041c90-ea76-dc12-1aa2-50d7feb3057e",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "83041c90-ea76-dc12-1aa2-50d7feb3057e",
                        "fromProperty": "result",
                        "toId": "3389d511-c8e2-aa92-e85a-9eeaa78aa912",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "8bc0f57d-2b7f-105d-174c-6cab23a2821f",
                        "fromProperty": "onClick",
                        "toId": "b282a36b-1028-1ba2-d52f-c2c649192659",
                        "toProperty": "Click"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Show Fulfillment Badge",
                        "toId": "5d1a8999-807c-8032-0608-db0d7d4ae9ce",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "5d1a8999-807c-8032-0608-db0d7d4ae9ce",
                        "fromProperty": "savedValue",
                        "toId": "6c878b81-a890-5ff7-a542-fecf51b7f412",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Show Title",
                        "toId": "e47243cb-9732-1efd-d645-362ea637e0b6",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "e47243cb-9732-1efd-d645-362ea637e0b6",
                        "fromProperty": "savedValue",
                        "toId": "85caff1b-168d-5b20-abe4-b9e328ce4b94",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "2182ed50-ea2d-1167-2c85-2ad4fe88fb9d",
                        "fromProperty": "savedValue",
                        "toId": "fe11d58c-8648-2045-2808-1326a079ca37",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Model Id",
                        "toId": "fe11d58c-8648-2045-2808-1326a079ca37",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Show Purchase History Badge",
                        "toId": "2182ed50-ea2d-1167-2c85-2ad4fe88fb9d",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Show Rating",
                        "toId": "49304cb7-4681-7d24-7a78-dd2c460e34e7",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "49304cb7-4681-7d24-7a78-dd2c460e34e7",
                        "fromProperty": "savedValue",
                        "toId": "11d16367-6d6b-259c-be29-781ac6387e0e",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "b6a54f58-6dbf-b0eb-093b-dc566d5504d5",
                        "fromProperty": "result",
                        "toId": "11d16367-6d6b-259c-be29-781ac6387e0e",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "11d16367-6d6b-259c-be29-781ac6387e0e",
                        "fromProperty": "result",
                        "toId": "9970eb2c-d86d-d9f3-06e2-9c6116fc7c0f",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "11d16367-6d6b-259c-be29-781ac6387e0e",
                        "fromProperty": "result",
                        "toId": "5ff0bb72-e2b0-a025-a35e-4a2bdf5e1671",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "fromProperty": "Model Id",
                        "toId": "6c878b81-a890-5ff7-a542-fecf51b7f412",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "fromProperty": "itemId",
                        "toId": "5f7cb984-fb49-0986-619e-d33bd8a359f1",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "f6f45278-e207-3b61-6724-040744221ac3",
                        "fromProperty": "this",
                        "toId": "aa7adbe5-b637-9282-1a09-35b859cd935c",
                        "toProperty": "group"
                    },
                    {
                        "fromId": "f6f45278-e207-3b61-6724-040744221ac3",
                        "fromProperty": "didMount",
                        "toId": "aa7adbe5-b637-9282-1a09-35b859cd935c",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e47243cb-9732-1efd-d645-362ea637e0b6",
                        "fromProperty": "savedValue",
                        "toId": "aa7adbe5-b637-9282-1a09-35b859cd935c",
                        "toProperty": "showTitle"
                    }
                ],
                "roots": [
                    {
                        "id": "fb3b3353-a153-0a4e-b3e7-ad82c96c5dd9",
                        "type": "Model",
                        "x": 802.849235266516,
                        "y": 1185.8135719287593,
                        "parameters": {
                            "properties": "title,img,description,price,numReviews,customerRating,inHorizontalList,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "description",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingTime",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 12
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "inHorizontalList",
                                "index": 13
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 14
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "23aa582e-08c2-62fe-0218-0c8d3d21fa1b",
                        "type": "Group",
                        "x": 1455.4996796394378,
                        "y": 1114.6974295997547,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "style": "{\n}"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "5f7cb984-fb49-0986-619e-d33bd8a359f1",
                                "type": "/UI Components/Pricing Badge",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "Margin Bottom": {
                                        "value": 4,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "b610a212-f77d-b4f0-8e19-3fc48480421b",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "contentHeight"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "3389d511-c8e2-aa92-e85a-9eeaa78aa912",
                                        "type": "/UI Components/Add To Cart Stepper",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "0ab0e8c8-4325-2771-e94e-3d5acd10bc9f",
                                        "type": "Image",
                                        "version": 2,
                                        "label": "Product Image",
                                        "x": 20,
                                        "y": 148,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "width": {
                                                "value": 110,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 110,
                                                "unit": "px"
                                            },
                                            "alignX": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "f6f45278-e207-3b61-6724-040744221ac3",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 245,
                                        "parameters": {
                                            "style": "{\n}",
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "99f0d1a2-6a0d-7449-c2a2-f534398d32d2",
                                                "type": "Text",
                                                "label": "Price",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "color": "#2E2F32",
                                                    "marginTop": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "85caff1b-168d-5b20-abe4-b9e328ce4b94",
                                                "type": "Text",
                                                "label": "Title",
                                                "x": 20,
                                                "y": 199,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 14,
                                                        "unit": "px"
                                                    },
                                                    "color": "#46474A",
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "style": "{\n    overflow: 'hidden',\n    maxHeight: '60px',\n}",
                                                    "sizeMode": "contentHeight",
                                                    "marginBottom": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "9970eb2c-d86d-d9f3-06e2-9c6116fc7c0f",
                                                "type": "/UI Components/Star Rating",
                                                "x": 623.9539709202834,
                                                "y": 1263.5600026847555,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "5ff0bb72-e2b0-a025-a35e-4a2bdf5e1671",
                                                "type": "Group",
                                                "label": "Spacing",
                                                "x": 20,
                                                "y": 382,
                                                "parameters": {
                                                    "height": {
                                                        "value": 4,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "6c878b81-a890-5ff7-a542-fecf51b7f412",
                                                "type": "/UI Components/Fulfillment Time Badge",
                                                "x": 20,
                                                "y": 479,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "fe11d58c-8648-2045-2808-1326a079ca37",
                                                "type": "/UI Components/Purchase History Badge",
                                                "x": 1442,
                                                "y": 1449,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "8bc0f57d-2b7f-105d-174c-6cab23a2821f",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 928,
                                        "parameters": {
                                            "position": "absolute",
                                            "pointerEventsMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "4587049f-a433-f31a-cb12-1503a5f30d38",
                        "type": "Component Inputs",
                        "x": 487.0705976917983,
                        "y": 1182.6464344849755,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Model Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Show Fulfillment Badge",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Show Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "Show Purchase History Badge",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            },
                            {
                                "name": "Show Rating",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 5
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "55a22262-8b79-c402-9976-ce4c7a56e31e",
                        "type": "/Components/Price Format",
                        "x": 914.815657638245,
                        "y": 1682.418001813718,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b6a54f58-6dbf-b0eb-093b-dc566d5504d5",
                        "type": "Expression",
                        "x": 870.0634306074321,
                        "y": 1825.59150501597,
                        "parameters": {
                            "expression": "rating > 0"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "rating",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a093af53-778d-5c11-d180-bf306d3e1a35",
                        "type": "/Components/Has Variants",
                        "x": 406,
                        "y": 1479.218845968396,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "83041c90-ea76-dc12-1aa2-50d7feb3057e",
                        "type": "Inverter",
                        "x": 610,
                        "y": 1354.218845968396,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b282a36b-1028-1ba2-d52f-c2c649192659",
                        "type": "Component Outputs",
                        "x": 1913.4197144263176,
                        "y": 1906.144539652232,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5d1a8999-807c-8032-0608-db0d7d4ae9ce",
                        "type": "Boolean",
                        "label": "Show Fulfillment Time Badge",
                        "x": 568,
                        "y": 1949,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e47243cb-9732-1efd-d645-362ea637e0b6",
                        "type": "Boolean",
                        "label": "Show Title",
                        "x": 545,
                        "y": 1634,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2182ed50-ea2d-1167-2c85-2ad4fe88fb9d",
                        "type": "Boolean",
                        "label": "Show Purchase History",
                        "x": 600,
                        "y": 2105,
                        "parameters": {
                            "value": false
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "49304cb7-4681-7d24-7a78-dd2c460e34e7",
                        "type": "Boolean",
                        "label": "Show Rating",
                        "x": 554,
                        "y": 1773,
                        "parameters": {
                            "value": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "11d16367-6d6b-259c-be29-781ac6387e0e",
                        "type": "And",
                        "x": 1085,
                        "y": 1747,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "aa7adbe5-b637-9282-1a09-35b859cd935c",
                        "type": "Javascript2",
                        "x": 1216.0590408922815,
                        "y": 1485.06005907794,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    showTitle:'boolean',\n\t    mounted: 'signal',\n\t    group: 'reference'\n\t},\n\t\n\toutputs:{\n\t},\n\t\n\tmounted:function(inputs,outputs) {\n\t\tif(inputs.showTitle) {\n\t\t   inputs.group.setStyle({\n\t\t       minHeight: '150px'\n\t\t   });\n\t\t}\n\t},\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "showTitle",
                                "plug": "input",
                                "type": {
                                    "name": "boolean"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "mounted",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "group",
                                "plug": "input",
                                "type": {
                                    "name": "reference"
                                },
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Components/Purchase History Badge",
            "graph": {
                "connections": [
                    {
                        "fromId": "5668302b-780c-7cc6-9c79-2ed50a412058",
                        "fromProperty": "Item Id",
                        "toId": "6d819a18-3b85-70bf-a852-46931e2a034d",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "6d819a18-3b85-70bf-a852-46931e2a034d",
                        "fromProperty": "savedValue",
                        "toId": "32f869cb-8877-9c6d-7f98-cec60ef962a0",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "32f869cb-8877-9c6d-7f98-cec60ef962a0",
                        "fromProperty": "Range",
                        "toId": "11eb8fac-e1f0-fc94-5338-99238576ac89",
                        "toProperty": "randomNumber"
                    },
                    {
                        "fromId": "11eb8fac-e1f0-fc94-5338-99238576ac89",
                        "fromProperty": "result",
                        "toId": "96f17076-719f-bebf-f043-23d113255a5e",
                        "toProperty": "X"
                    },
                    {
                        "fromId": "96f17076-719f-bebf-f043-23d113255a5e",
                        "fromProperty": "formatted",
                        "toId": "c0fb2280-0aa6-a9b2-e043-0e965b3f18aa",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "5668302b-780c-7cc6-9c79-2ed50a412058",
                        "fromProperty": "Mounted",
                        "toId": "fe26d3ca-f7ce-4746-ae34-8737359e0ece",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "5668302b-780c-7cc6-9c79-2ed50a412058",
                        "type": "Component Inputs",
                        "x": 410,
                        "y": 901,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Condensed Variant",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Other",
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6d819a18-3b85-70bf-a852-46931e2a034d",
                        "type": "String",
                        "x": 586.0702391140255,
                        "y": 840.3603741419998,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fe26d3ca-f7ce-4746-ae34-8737359e0ece",
                        "type": "Group",
                        "x": 1337,
                        "y": 708,
                        "parameters": {
                            "sizeMode": "contentHeight",
                            "flexDirection": "row"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c0fb2280-0aa6-a9b2-e043-0e965b3f18aa",
                                "type": "Text",
                                "x": 1381,
                                "y": 783,
                                "parameters": {
                                    "text": "Bought X times",
                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                    "fontSize": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "color": "#005AB0"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "32f869cb-8877-9c6d-7f98-cec60ef962a0",
                        "type": "/Product Details Page/Modules/Components/Range From Id",
                        "x": 774.039867155214,
                        "y": 828.3446829558072,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "11eb8fac-e1f0-fc94-5338-99238576ac89",
                        "type": "Expression",
                        "x": 952.0398671552139,
                        "y": 826.3446829558072,
                        "parameters": {
                            "expression": "round(5*(1.0-Math.pow(randomNumber, 1.0)))"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "randomNumber",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "96f17076-719f-bebf-f043-23d113255a5e",
                        "type": "String Format",
                        "x": 1138.211289612655,
                        "y": 840.0011347459276,
                        "parameters": {
                            "format": "Bought {X} times"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "X",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Create Item Category",
            "graph": {
                "connections": [
                    {
                        "fromId": "e4baa472-bb58-51c2-b57a-25d132d22c74",
                        "fromProperty": "Item Id",
                        "toId": "451487eb-e8e4-d243-6e76-eadde64c739a",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "ae2f136e-cadb-e85b-422a-e301ef1d3d14",
                        "fromProperty": "items",
                        "toId": "451487eb-e8e4-d243-6e76-eadde64c739a",
                        "toProperty": "categories"
                    },
                    {
                        "fromId": "f92ee9cb-9942-c1e1-2c53-81ed390f92fc",
                        "fromProperty": "guid",
                        "toId": "ae2f136e-cadb-e85b-422a-e301ef1d3d14",
                        "toProperty": "collectionId"
                    }
                ],
                "roots": [
                    {
                        "id": "e4baa472-bb58-51c2-b57a-25d132d22c74",
                        "type": "Component Inputs",
                        "x": 496,
                        "y": 585,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Item Id",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "451487eb-e8e4-d243-6e76-eadde64c739a",
                        "type": "Javascript2",
                        "x": 702,
                        "y": 601,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    itemId: 'string',\n\t    categories: 'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// This function will be called when any of the inputs have changed\n\tchange:function(inputs,outputs) {\n\t\tlet products = [];\n\t    let categories = {};\n\t    \n\t   const product = window.wallyProducts ? window.wallyProducts.find(p=>p.itemId === inputs.itemId) : false;\n\t   if(product){\n\t       let productData = window.wallyProducts.find(product => product.itemId === inputs.itemId);\n\t       if(productData) {\n\t       if(!productData.category) {\n\t           console.log(\"No category for product \" + productData.itemId);\n\t           return;\n\t       }\n\t       const categoryName = productData.category.path[0].name;\n\t       if(categories.hasOwnProperty(categoryName)) {\n\t           categories[categoryName].items.push(productData);\n\t       } else {\n\t           categories[categoryName] = {\n\t               \"items\": [productData]\n\t           }\n\t       }\n\t   }\n\t    \n\t    let arrayCategories = Object.keys(categories).map(name => {\n            return {\n                id: name,\n                label: name,\n                items: categories[name].items\n            }\n        });\n        \n        \n        let itemsAndCategories = [];\n        \n        Object.keys(categories).forEach(categoryId => {\n            itemsAndCategories.push(\n                Noodl.Model.create({\n                    \"id\": \"category-\" + categoryId,\n                    \"label\": categoryId,\n                    \"type\": \"category\",\n                    \"numItems\": categories[categoryId].items.length,\n                    \"items\": categories[categoryId].items\n                })\n            );\n            itemsAndCategories = itemsAndCategories.concat(categories[categoryId].items);\n        });\n\t    \n\t    inputs.categories.set(itemsAndCategories);\n\t   }\n\t},\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "categories",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ae2f136e-cadb-e85b-422a-e301ef1d3d14",
                        "type": "Collection",
                        "x": 504,
                        "y": 685,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "f92ee9cb-9942-c1e1-2c53-81ed390f92fc",
                        "type": "Unique Id",
                        "x": 312,
                        "y": 685,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Time Slot Picker/Delivery/Slot Picker Express Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "8d653eac-b1e8-6b9b-98d4-8bafc2608723",
                        "fromProperty": "itemId",
                        "toId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "df180b08-534c-7579-c35d-337b659a8c97",
                        "fromProperty": "formatted",
                        "toId": "46f4005c-170e-f062-4291-4cd3922d6443",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "73529391-9791-7a9b-7bd9-20d4d92982cb",
                        "fromProperty": "result",
                        "toId": "16a8ff55-88f4-ff21-24a0-ddcab57e393c",
                        "toProperty": "to-Selected"
                    },
                    {
                        "fromId": "e5462ffe-be59-9815-b499-1b76e5db145e",
                        "fromProperty": "result",
                        "toId": "16a8ff55-88f4-ff21-24a0-ddcab57e393c",
                        "toProperty": "to-Default"
                    },
                    {
                        "fromId": "e21764d0-559c-2a04-47cc-2e154630963b",
                        "fromProperty": "onClick",
                        "toId": "3944e5ba-df44-3803-dfb2-4747cbe91ab4",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "value",
                        "toId": "3944e5ba-df44-3803-dfb2-4747cbe91ab4",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "optionId",
                        "toId": "3944e5ba-df44-3803-dfb2-4747cbe91ab4",
                        "toProperty": "optionId"
                    },
                    {
                        "fromId": "46f4005c-170e-f062-4291-4cd3922d6443",
                        "fromProperty": "optionId",
                        "toId": "73529391-9791-7a9b-7bd9-20d4d92982cb",
                        "toProperty": "selectedId"
                    },
                    {
                        "fromId": "46f4005c-170e-f062-4291-4cd3922d6443",
                        "fromProperty": "optionId",
                        "toId": "e5462ffe-be59-9815-b499-1b76e5db145e",
                        "toProperty": "selectedId"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "optionId",
                        "toId": "e5462ffe-be59-9815-b499-1b76e5db145e",
                        "toProperty": "myId"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "optionId",
                        "toId": "73529391-9791-7a9b-7bd9-20d4d92982cb",
                        "toProperty": "myId"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "type",
                        "toId": "3944e5ba-df44-3803-dfb2-4747cbe91ab4",
                        "toProperty": "optionType"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "type",
                        "toId": "df180b08-534c-7579-c35d-337b659a8c97",
                        "toProperty": "groupId"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "price",
                        "toId": "b9f2707f-855c-9d77-e786-5e7346a0294a",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "b9f2707f-855c-9d77-e786-5e7346a0294a",
                        "fromProperty": "Formatted Price",
                        "toId": "0ea055e8-71b3-77d2-dea2-ade45897685c",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "16a8ff55-88f4-ff21-24a0-ddcab57e393c",
                        "fromProperty": "Fill Opacity",
                        "toId": "82181eaf-b773-18b9-00b7-596b0a43b53d",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "16a8ff55-88f4-ff21-24a0-ddcab57e393c",
                        "fromProperty": "Fill Scale",
                        "toId": "82181eaf-b773-18b9-00b7-596b0a43b53d",
                        "toProperty": "transformScale"
                    },
                    {
                        "fromId": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "fromProperty": "busy",
                        "toId": "b2860437-8850-1124-b28d-8e9e41d024ea",
                        "toProperty": "index"
                    },
                    {
                        "fromId": "b2860437-8850-1124-b28d-8e9e41d024ea",
                        "fromProperty": "currentValue",
                        "toId": "18739c54-bd93-e736-f190-5e0286a00374",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "18739c54-bd93-e736-f190-5e0286a00374",
                        "fromProperty": "at-Available",
                        "toId": "e21764d0-559c-2a04-47cc-2e154630963b",
                        "toProperty": "pointerEventsEnabled"
                    },
                    {
                        "fromId": "18739c54-bd93-e736-f190-5e0286a00374",
                        "fromProperty": "at-Available",
                        "toId": "96ebd69c-d672-028b-9eaa-98759fcb1e75",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "18739c54-bd93-e736-f190-5e0286a00374",
                        "fromProperty": "at-Fully Booked",
                        "toId": "89107214-99f2-a883-9b84-9fd30424059c",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "18739c54-bd93-e736-f190-5e0286a00374",
                        "fromProperty": "Opacity",
                        "toId": "5d2e7a41-0c3a-3690-9eda-bcf8d3c6e3b3",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "18739c54-bd93-e736-f190-5e0286a00374",
                        "fromProperty": "Opacity",
                        "toId": "23fc546f-469f-1ad3-e926-619673d28ed9",
                        "toProperty": "opacity"
                    }
                ],
                "roots": [
                    {
                        "id": "e21764d0-559c-2a04-47cc-2e154630963b",
                        "type": "Group",
                        "x": 1701.56102738666,
                        "y": 1035.4766520316873,
                        "parameters": {
                            "flexDirection": "row",
                            "marginBottom": {
                                "value": 15,
                                "unit": "px"
                            },
                            "pointerEventsMode": "explicit",
                            "sizeMode": "explicit",
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 16,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "height": {
                                "value": 70,
                                "unit": "px"
                            },
                            "marginTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "borderRadius": 10,
                            "borderStyle": "solid",
                            "borderWidth": {
                                "value": 1,
                                "unit": "px"
                            },
                            "borderColor": "#F0BD48",
                            "backgroundColor": "#FFFFFF"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "b379ee0b-ba67-0289-69f0-f3468720da68",
                                "type": "Group",
                                "x": 20,
                                "y": 102,
                                "parameters": {
                                    "position": "absolute",
                                    "height": {
                                        "value": 40,
                                        "unit": "px"
                                    },
                                    "alignY": "center",
                                    "backgroundColor": "#F0BD48",
                                    "width": {
                                        "value": 4,
                                        "unit": "px"
                                    },
                                    "style": "{\n    borderRadius: \"0 2px 2px 0\"\n}"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "5d2e7a41-0c3a-3690-9eda-bcf8d3c6e3b3",
                                "type": "Group",
                                "x": 20,
                                "y": 122,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "alignY": "center"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "6d9f690b-7d03-a4b4-194b-3665740a6e17",
                                        "type": "Group",
                                        "label": "Circle Outline",
                                        "x": 709,
                                        "y": 668,
                                        "parameters": {
                                            "width": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "height": {
                                                "value": 20,
                                                "unit": "px"
                                            },
                                            "borderRadius": 10,
                                            "borderStyle": "solid",
                                            "borderWidth": {
                                                "value": 1,
                                                "unit": "px"
                                            },
                                            "borderColor": "#000000"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "82181eaf-b773-18b9-00b7-596b0a43b53d",
                                                "type": "Group",
                                                "label": "Circle Fill",
                                                "x": 729,
                                                "y": 729,
                                                "parameters": {
                                                    "width": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "height": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "backgroundColor": "#000000",
                                                    "borderRadius": 5,
                                                    "position": "absolute",
                                                    "alignX": "center",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "23fc546f-469f-1ad3-e926-619673d28ed9",
                                "type": "Group",
                                "label": "Label",
                                "x": 20,
                                "y": 362,
                                "parameters": {
                                    "flexDirection": "column"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "04fd6d23-66be-beb5-b8a0-7c8beb21906e",
                                        "type": "Group",
                                        "x": 709,
                                        "y": 943,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "alignY": "center",
                                            "position": "absolute"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "6af8e2df-ed5e-cb31-0c28-8426eefcec28",
                                                "type": "Text",
                                                "label": "Express Label",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "text": "Skip the wating line",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "textAlign": "left",
                                                    "marginLeft": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "color": "#474747"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "8d0a3a9d-6283-51c3-c6c3-44f95533638c",
                                                "type": "Text",
                                                "label": "Bold Label",
                                                "x": 20,
                                                "y": 107,
                                                "parameters": {
                                                    "sizeMode": "contentSize",
                                                    "fontFamily": "fonts/Bogle-Bold.otf",
                                                    "text": "2 hours or less with express",
                                                    "alignX": "left",
                                                    "fontSize": {
                                                        "value": 16,
                                                        "unit": "px"
                                                    },
                                                    "textAlign": "left",
                                                    "marginLeft": {
                                                        "value": 20,
                                                        "unit": "px"
                                                    },
                                                    "color": "#000000"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "4bbe85f3-6358-8a1f-909c-2c1c7c20f9f9",
                                                "type": "Group",
                                                "x": 1805.3699143844453,
                                                "y": 1511.4475945269435,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "94f61db3-3466-3ccf-6811-36bfe4481af9",
                                                        "type": "Image",
                                                        "x": 1853.3699143844453,
                                                        "y": 1684.4475945269435,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "96ebd69c-d672-028b-9eaa-98759fcb1e75",
                                "type": "Group",
                                "label": "Price",
                                "x": 689,
                                "y": 1340,
                                "parameters": {
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "0ea055e8-71b3-77d2-dea2-ade45897685c",
                                        "type": "Text",
                                        "label": "Bold Price",
                                        "x": 20,
                                        "y": 97,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "text": "$X.XX",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "textAlign": "left",
                                            "alignY": "center",
                                            "position": "absolute",
                                            "alignX": "right",
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "89107214-99f2-a883-9b84-9fd30424059c",
                                "type": "Group",
                                "label": "Unavailable",
                                "x": 689,
                                "y": 1696,
                                "parameters": {
                                    "position": "absolute",
                                    "marginRight": {
                                        "value": 16,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "01c790a1-82b0-4143-c740-e020168cace4",
                                        "type": "Text",
                                        "x": 709,
                                        "y": 1793,
                                        "parameters": {
                                            "sizeMode": "contentSize",
                                            "fontFamily": "fonts/Bogle-RegularItalic.otf",
                                            "text": "Unavailable",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "alignY": "center",
                                            "alignX": "right",
                                            "marginRight": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "position": "absolute",
                                            "color": "#74767C"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "010df710-4e1c-4ccd-385f-b042d20d18b7",
                                "type": "Group",
                                "x": 689,
                                "y": 1839,
                                "parameters": {
                                    "sizeMode": "contentHeight",
                                    "position": "absolute",
                                    "alignY": "bottom"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "f138509d-c5d5-38a8-e8ae-ba3cb598668c",
                                        "type": "/UI Components/Design System/Divider",
                                        "x": 709,
                                        "y": 1885,
                                        "parameters": {
                                            "Margin Bottom": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "Margin Top": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "Padding Left": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "Padding Right": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "8d653eac-b1e8-6b9b-98d4-8bafc2608723",
                        "type": "For Each Actions",
                        "x": 907.5610273866599,
                        "y": 1202.4766520316873,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ebbc6d76-4e6d-cbf6-dbe6-04dbc0155771",
                        "type": "Model",
                        "x": 1177.56102738666,
                        "y": 1203.4766520316873,
                        "parameters": {
                            "properties": "label,value,optionId,busy,type,price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "label",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "value",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "optionId",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "busy",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "type",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 11
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "73529391-9791-7a9b-7bd9-20d4d92982cb",
                        "type": "Expression",
                        "x": 1206.56102738666,
                        "y": 904.4766520316873,
                        "parameters": {
                            "expression": "selectedId === myId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "selectedId",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "46f4005c-170e-f062-4291-4cd3922d6443",
                        "type": "Model",
                        "label": "Selection",
                        "x": 1486.5787632376682,
                        "y": 827,
                        "parameters": {
                            "properties": "value,optionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "value",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "optionId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "df180b08-534c-7579-c35d-337b659a8c97",
                        "type": "String Format",
                        "x": 1199.5787632376682,
                        "y": 793,
                        "parameters": {
                            "format": "{groupId}-selection"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "groupId",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "16a8ff55-88f4-ff21-24a0-ddcab57e393c",
                        "type": "States",
                        "x": 1434.5787632376682,
                        "y": 1077,
                        "parameters": {
                            "states": "Default,Selected",
                            "startState": "Default",
                            "values": "Fill Opacity,Fill Scale",
                            "value-Default-Fill Opacity": 0,
                            "value-Selected-Fill Opacity": 1,
                            "value-Default-Fill Scale": 0.5,
                            "duration-Selected": 150,
                            "value-Selected-Fill Scale": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Fill Opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Fill Scale",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Fill Opacity",
                                "displayName": "Fill Opacity",
                                "editorName": "Default|Fill Opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Default Values",
                                "name": "value-Default-Fill Scale",
                                "displayName": "Fill Scale",
                                "editorName": "Default|Fill Scale",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Default Transition",
                                "name": "transition-Default",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Default Transition",
                                "name": "duration-Default",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Default",
                                "name": "to-Default",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Default",
                                "name": "at-Default",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Default",
                                "name": "reached-Default",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Fill Opacity",
                                "displayName": "Fill Opacity",
                                "editorName": "Selected|Fill Opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Selected Values",
                                "name": "value-Selected-Fill Scale",
                                "displayName": "Fill Scale",
                                "editorName": "Selected|Fill Scale",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Selected Transition",
                                "name": "transition-Selected",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Selected Transition",
                                "name": "duration-Selected",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Selected",
                                "name": "to-Selected",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Selected",
                                "name": "at-Selected",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Selected",
                                "name": "reached-Selected",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Default",
                                        "Selected"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Default",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e5462ffe-be59-9815-b499-1b76e5db145e",
                        "type": "Expression",
                        "x": 1206.5787632376682,
                        "y": 1026,
                        "parameters": {
                            "expression": "selectedId !== myId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "selectedId",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "myId",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "3944e5ba-df44-3803-dfb2-4747cbe91ab4",
                        "type": "Event Sender",
                        "x": 2050.578763237668,
                        "y": 1012,
                        "parameters": {
                            "channelName": "Time Picker Slot Selected",
                            "propagation": "parent"
                        },
                        "ports": [
                            {
                                "name": "optionId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            },
                            {
                                "name": "value",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 2
                            },
                            {
                                "name": "optionType",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b9f2707f-855c-9d77-e786-5e7346a0294a",
                        "type": "/Components/Price Format",
                        "x": 960.4336822927864,
                        "y": 1664.4881753988577,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "18739c54-bd93-e736-f190-5e0286a00374",
                        "type": "States",
                        "x": 1246.4336822927864,
                        "y": 1497.4881753988577,
                        "parameters": {
                            "states": "Available,Fully Booked",
                            "values": "Opacity",
                            "value-Available-Opacity": 1,
                            "value-Fully Booked-Opacity": 0.5,
                            "duration-Available": 0,
                            "duration-Fully Booked": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Opacity",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Available Values",
                                "name": "value-Available-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Available|Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Available Transition",
                                "name": "transition-Available",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Available Transition",
                                "name": "duration-Available",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Available",
                                "name": "to-Available",
                                "group": "Go to state",
                                "index": 10
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Available",
                                "name": "at-Available",
                                "group": "Current state",
                                "index": 11
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Available",
                                "name": "reached-Available",
                                "group": "Current state",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Fully Booked Values",
                                "name": "value-Fully Booked-Opacity",
                                "displayName": "Opacity",
                                "editorName": "Fully Booked|Opacity",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Fully Booked Transition",
                                "name": "transition-Fully Booked",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Fully Booked Transition",
                                "name": "duration-Fully Booked",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Fully Booked",
                                "name": "to-Fully Booked",
                                "group": "Go to state",
                                "index": 16
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Fully Booked",
                                "name": "at-Fully Booked",
                                "group": "Current state",
                                "index": 17
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Fully Booked",
                                "name": "reached-Fully Booked",
                                "group": "Current state",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Available",
                                        "Fully Booked"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Available",
                                "index": 19
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "b2860437-8850-1124-b28d-8e9e41d024ea",
                        "type": "String Selector",
                        "x": 1032.4336822927864,
                        "y": 1501.4881753988577,
                        "parameters": {
                            "input 0": "Available",
                            "input 1": "Fully Booked"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Personalization/Personalization Series",
            "graph": {
                "connections": [
                    {
                        "fromId": "521c7b0e-7250-ffe6-6185-f2ae38e3c09b",
                        "fromProperty": "Title",
                        "toId": "e5651d60-2b0c-1d23-48ca-f454709a3aa2",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "521c7b0e-7250-ffe6-6185-f2ae38e3c09b",
                        "fromProperty": "Subtitle",
                        "toId": "e8452f71-e735-6daa-6fc1-95335fc855aa",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "521c7b0e-7250-ffe6-6185-f2ae38e3c09b",
                        "fromProperty": "Collection Type",
                        "toId": "37f41b83-e78b-b293-457b-9f7fb957370b",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "37f41b83-e78b-b293-457b-9f7fb957370b",
                        "fromProperty": "savedValue",
                        "toId": "25b097d6-b556-3188-b3bd-0bd0e60ddc14",
                        "toProperty": "currentState"
                    },
                    {
                        "fromId": "57faf124-2894-a272-6c35-44c51a9e75ea",
                        "fromProperty": "Click",
                        "toId": "7e06e0c4-1831-cb6b-a732-de0adedee637",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "fc644617-87ad-dd82-a48f-31bfc2a1ace4",
                        "fromProperty": "Formatted Price",
                        "toId": "a64f1a74-86b2-c4b6-f8a5-704c3b0cb968",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "25b097d6-b556-3188-b3bd-0bd0e60ddc14",
                        "fromProperty": "add all mounted",
                        "toId": "e491f8c5-57df-ca67-cf79-fa655961f213",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "25b097d6-b556-3188-b3bd-0bd0e60ddc14",
                        "fromProperty": "see all mounted",
                        "toId": "8cfcdb44-afbc-255a-e6e0-7bc8505a1884",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "25b097d6-b556-3188-b3bd-0bd0e60ddc14",
                        "fromProperty": "subscribe mounted",
                        "toId": "ab86e26a-6381-875b-5327-c8bd6a0495d8",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "7b67aa58-33ad-ee35-04b7-f86d5ad58e9b",
                        "fromProperty": "csvItemIdsAndCounts",
                        "toId": "7e06e0c4-1831-cb6b-a732-de0adedee637",
                        "toProperty": "csvItemIdsAndCounts"
                    },
                    {
                        "fromId": "d3b32cef-fccf-af68-6765-fa7139494ab2",
                        "fromProperty": "items",
                        "toId": "1be60fae-6632-2ee4-c9db-5cf4e5bd0f15",
                        "toProperty": "collection"
                    },
                    {
                        "fromId": "a33b778d-7633-bbe3-7083-7c11abd6820f",
                        "fromProperty": "Category",
                        "toId": "08db4f32-e8c6-5fdd-78e6-2623fb4ad61e",
                        "toProperty": "itemCategory"
                    },
                    {
                        "fromId": "08db4f32-e8c6-5fdd-78e6-2623fb4ad61e",
                        "fromProperty": "formatted",
                        "toId": "1be60fae-6632-2ee4-c9db-5cf4e5bd0f15",
                        "toProperty": "categoryItemId"
                    },
                    {
                        "fromId": "521c7b0e-7250-ffe6-6185-f2ae38e3c09b",
                        "fromProperty": "itemId",
                        "toId": "a33b778d-7633-bbe3-7083-7c11abd6820f",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "57a8c863-66fc-b495-555a-ec1b3b3ad016",
                        "fromProperty": "didMount",
                        "toId": "1be60fae-6632-2ee4-c9db-5cf4e5bd0f15",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "ccb8ade3-de20-4205-1a54-db145adc0697",
                        "fromProperty": "guid",
                        "toId": "d3b32cef-fccf-af68-6765-fa7139494ab2",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "d3b32cef-fccf-af68-6765-fa7139494ab2",
                        "fromProperty": "items",
                        "toId": "bad93428-20d5-df95-75bd-7d9ee73907b7",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "d3b32cef-fccf-af68-6765-fa7139494ab2",
                        "fromProperty": "items",
                        "toId": "7b67aa58-33ad-ee35-04b7-f86d5ad58e9b",
                        "toProperty": "myCollection"
                    }
                ],
                "roots": [
                    {
                        "id": "57a8c863-66fc-b495-555a-ec1b3b3ad016",
                        "type": "Group",
                        "x": 882.612770702913,
                        "y": 614.7357894407586,
                        "parameters": {
                            "sizeMode": "contentWidth",
                            "scrollBehavior": "noodl",
                            "showScrollbar": false,
                            "marginBottom": {
                                "value": 30,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "32261b39-7b4e-cf45-0faa-5e9133df4ab1",
                                "type": "Group",
                                "label": "Header",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "marginBottom": {
                                        "value": 20,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "e5651d60-2b0c-1d23-48ca-f454709a3aa2",
                                        "type": "Text",
                                        "label": "Title",
                                        "x": 568,
                                        "y": 784,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#2E2F32",
                                            "marginBottom": {
                                                "value": 4,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "e8452f71-e735-6daa-6fc1-95335fc855aa",
                                        "type": "Text",
                                        "label": "Subtitle",
                                        "x": 568,
                                        "y": 881,
                                        "parameters": {
                                            "text": "Text",
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "color": "#46474A",
                                            "sizeMode": "contentWidth"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "389e0f4d-e6af-2965-0ea5-f89807b824fc",
                                "type": "Group",
                                "label": "items",
                                "x": 20,
                                "y": 301,
                                "parameters": {
                                    "flexDirection": "column",
                                    "scrollBehavior": "none",
                                    "scrollDirection": "x",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "showScrollbar": false,
                                    "boxShadowEnabled": true,
                                    "boxShadowOffsetX": {
                                        "value": 1,
                                        "unit": "px"
                                    },
                                    "boxShadowOffsetY": {
                                        "value": 3,
                                        "unit": "px"
                                    },
                                    "boxShadowBlurRadius": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "boxShadowSpreadRadius": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "clip": false,
                                    "paddingBottom": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "borderRadius": 8,
                                    "sizeMode": "explicit",
                                    "width": {
                                        "value": 343,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 230,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "27b4fafe-3019-c31e-6d26-a463e3c7f688",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 61,
                                        "parameters": {
                                            "flexDirection": "row",
                                            "scrollBehavior": "noodl",
                                            "showScrollbar": false,
                                            "clip": false,
                                            "sizeMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "bad93428-20d5-df95-75bd-7d9ee73907b7",
                                                "type": "For Each",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "template": "/Product Details Page/Modules/Personalization/Personalization Series Item"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "e491f8c5-57df-ca67-cf79-fa655961f213",
                                        "type": "Group",
                                        "label": "Add to cart",
                                        "x": 20,
                                        "y": 189,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "flexDirection": "row",
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingBottom": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "87792694-8bb7-63b6-3536-9f317544214f",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "sizeMode": "contentWidth",
                                                    "alignY": "center",
                                                    "marginTop": {
                                                        "value": 8,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "333526e4-3015-cab2-4e78-e38b5d0adbf9",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "text": "Total: ",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            },
                                                            "color": "#46474A"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "a64f1a74-86b2-c4b6-f8a5-704c3b0cb968",
                                                        "type": "Text",
                                                        "x": 20,
                                                        "y": 92,
                                                        "parameters": {
                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                            "fontSize": {
                                                                "value": 16,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "bd2d0e61-3c5f-cf77-36cc-2120ecb15b19",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 271,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "0435ce20-bbdd-0a2f-450c-ab38f46e5f8b",
                                                        "type": "Group",
                                                        "label": "Group",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "alignX": "right",
                                                            "sizeMode": "contentWidth",
                                                            "paddingRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "57faf124-2894-a272-6c35-44c51a9e75ea",
                                                                "type": "/UI Components/Design System/Button",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "Outlined": true,
                                                                    "Title": "Add all to cart"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "8cfcdb44-afbc-255a-e6e0-7bc8505a1884",
                                        "type": "Group",
                                        "label": "See all",
                                        "x": 20,
                                        "y": 634,
                                        "parameters": {
                                            "sizeMode": "contentHeight"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "4accce65-a19f-2315-5ab8-a9c51d046f5c",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "48f5d5b0-c40f-a33a-feed-fcc166dc4d29",
                                                        "type": "Group",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "sizeMode": "contentWidth",
                                                            "alignX": "right",
                                                            "paddingBottom": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "paddingRight": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "021e3688-57e9-0d54-5190-cc752dd59fb0",
                                                                "type": "/UI Components/Design System/Button",
                                                                "x": 20,
                                                                "y": 46,
                                                                "parameters": {
                                                                    "Title": "See all",
                                                                    "Outlined": true,
                                                                    "Small": false
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "ab86e26a-6381-875b-5327-c8bd6a0495d8",
                                        "type": "Group",
                                        "label": "subscribe",
                                        "x": 20,
                                        "y": 869,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "flexDirection": "row",
                                            "paddingLeft": {
                                                "value": 0,
                                                "unit": "px"
                                            },
                                            "paddingRight": {
                                                "value": 8,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "02100726-7c06-6691-5de2-3edef5c3b94b",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 97,
                                                "parameters": {
                                                    "flexDirection": "row",
                                                    "alignY": "center",
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "c692757a-c66b-11c0-d041-68f48a39c4f8",
                                                        "type": "Text",
                                                        "x": 962.612770702913,
                                                        "y": 1246.7357894407587,
                                                        "parameters": {
                                                            "alignY": "center",
                                                            "text": "Delivered monthly",
                                                            "sizeMode": "contentWidth",
                                                            "marginRight": {
                                                                "value": 8,
                                                                "unit": "px"
                                                            },
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            },
                                                            "color": "#46474A"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    },
                                                    {
                                                        "id": "08eeb72e-f6d4-3312-6150-acb1c2346cb2",
                                                        "type": "Text",
                                                        "x": 962.612770702913,
                                                        "y": 1292.7357894407587,
                                                        "parameters": {
                                                            "text": "Change",
                                                            "style": "{\n    textDecoration: \"underline\"\n}",
                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                            "fontSize": {
                                                                "value": 14,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            },
                                            {
                                                "id": "2c4bf6b2-2d7a-f601-f630-ce59875871db",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 235,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "3890ae66-8eda-a1ed-add4-d8865aa468f4",
                                                "type": "Group",
                                                "x": 20,
                                                "y": 281,
                                                "parameters": {
                                                    "alignX": "right",
                                                    "sizeMode": "explicit",
                                                    "position": "relative",
                                                    "alignY": "center"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "dd2451a5-60b7-0d41-9cdf-9fe0a8d31fe5",
                                                        "type": "/UI Components/Design System/Button",
                                                        "x": 20,
                                                        "y": 46,
                                                        "parameters": {
                                                            "Small": true,
                                                            "Outlined": true,
                                                            "Title": "Subscribe"
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "521c7b0e-7250-ffe6-6185-f2ae38e3c09b",
                        "type": "Component Inputs",
                        "x": -286.38722929708695,
                        "y": 638.7357894407586,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Title",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Subtitle",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Collection Type",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            },
                            {
                                "name": "itemId",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "25b097d6-b556-3188-b3bd-0bd0e60ddc14",
                        "type": "States",
                        "x": 466.61277070291305,
                        "y": 1638.7357894407587,
                        "parameters": {
                            "states": "AddAll,SeeAll,Subscribe",
                            "values": "add all mounted,see all mounted,subscribe mounted",
                            "value-AddAll-add all mounted": 1,
                            "value-AddAll-see all mounted": 0,
                            "value-AddAll-subscribe mounted": 0,
                            "value-SeeAll-add all mounted": 0,
                            "value-SeeAll-see all mounted": 1,
                            "value-SeeAll-subscribe mounted": 0,
                            "value-Subscribe-add all mounted": 0,
                            "value-Subscribe-see all mounted": 0,
                            "value-Subscribe-subscribe mounted": 1
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "add all mounted",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "see all mounted",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "subscribe mounted",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "AddAll Values",
                                "name": "value-AddAll-add all mounted",
                                "displayName": "add all mounted",
                                "editorName": "AddAll|add all mounted",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "AddAll Values",
                                "name": "value-AddAll-see all mounted",
                                "displayName": "see all mounted",
                                "editorName": "AddAll|see all mounted",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "AddAll Values",
                                "name": "value-AddAll-subscribe mounted",
                                "displayName": "subscribe mounted",
                                "editorName": "AddAll|subscribe mounted",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "AddAll Transition",
                                "name": "transition-AddAll",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "AddAll Transition",
                                "name": "duration-AddAll",
                                "index": 13
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To AddAll",
                                "name": "to-AddAll",
                                "group": "Go to state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At AddAll",
                                "name": "at-AddAll",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached AddAll",
                                "name": "reached-AddAll",
                                "group": "Current state",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "SeeAll Values",
                                "name": "value-SeeAll-add all mounted",
                                "displayName": "add all mounted",
                                "editorName": "SeeAll|add all mounted",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "SeeAll Values",
                                "name": "value-SeeAll-see all mounted",
                                "displayName": "see all mounted",
                                "editorName": "SeeAll|see all mounted",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "SeeAll Values",
                                "name": "value-SeeAll-subscribe mounted",
                                "displayName": "subscribe mounted",
                                "editorName": "SeeAll|subscribe mounted",
                                "index": 19
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "SeeAll Transition",
                                "name": "transition-SeeAll",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "SeeAll Transition",
                                "name": "duration-SeeAll",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To SeeAll",
                                "name": "to-SeeAll",
                                "group": "Go to state",
                                "index": 22
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At SeeAll",
                                "name": "at-SeeAll",
                                "group": "Current state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached SeeAll",
                                "name": "reached-SeeAll",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Subscribe Values",
                                "name": "value-Subscribe-add all mounted",
                                "displayName": "add all mounted",
                                "editorName": "Subscribe|add all mounted",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Subscribe Values",
                                "name": "value-Subscribe-see all mounted",
                                "displayName": "see all mounted",
                                "editorName": "Subscribe|see all mounted",
                                "index": 26
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Subscribe Values",
                                "name": "value-Subscribe-subscribe mounted",
                                "displayName": "subscribe mounted",
                                "editorName": "Subscribe|subscribe mounted",
                                "index": 27
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Subscribe Transition",
                                "name": "transition-Subscribe",
                                "index": 28
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Subscribe Transition",
                                "name": "duration-Subscribe",
                                "index": 29
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Subscribe",
                                "name": "to-Subscribe",
                                "group": "Go to state",
                                "index": 30
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Subscribe",
                                "name": "at-Subscribe",
                                "group": "Current state",
                                "index": 31
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Subscribe",
                                "name": "reached-Subscribe",
                                "group": "Current state",
                                "index": 32
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "AddAll",
                                        "SeeAll",
                                        "Subscribe"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "AddAll",
                                "index": 33
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "37f41b83-e78b-b293-457b-9f7fb957370b",
                        "type": "String",
                        "x": -276.38722929708695,
                        "y": 1359.7357894407587,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7e06e0c4-1831-cb6b-a732-de0adedee637",
                        "type": "Event Sender",
                        "x": 1345.0692622495494,
                        "y": 1383.636775426307,
                        "parameters": {
                            "channelName": "Add Multiple Items To Cart"
                        },
                        "ports": [
                            {
                                "name": "csvItemIdsAndCounts",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fc644617-87ad-dd82-a48f-31bfc2a1ace4",
                        "type": "/Components/Price Format",
                        "x": 1179.0692622495494,
                        "y": 1295.636775426307,
                        "parameters": {
                            "Price": 24.96
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "7b67aa58-33ad-ee35-04b7-f86d5ad58e9b",
                        "type": "Javascript2",
                        "x": 1500.819690260786,
                        "y": 1054.6292889309643,
                        "parameters": {
                            "code": "define({\n\tinputs:{\n\t    myCollection:'collection',\n\t},\n\t\n\toutputs:{\n\t    count:'number',\n\t    price:'number',\n\t    csvItemIdsAndCounts: 'string'\n\t},\n\t\n\tchange:function(inputs,outputs) {\n\t\tif (!inputs.myCollection) return;\n\n\t\toutputs.count = 0;\n\t\toutputs.price = 0;\n\t\tlet csvItemIdsAndCounts = \"\";\n\t\tinputs.myCollection.each((element) => {\n\t\t    outputs.count += element.data.count;\n\t\t    outputs.price += Number(element.data.price) * Number(element.data.count);\n\t\t    csvItemIdsAndCounts += element.data.itemId + \",\";\n\t\t    csvItemIdsAndCounts += element.data.count + \",\";\n\t\t});\n\t\t\n        outputs.price = outputs.price.toFixed(2);\n        outputs.csvItemIdsAndCounts = csvItemIdsAndCounts;\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "myCollection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "count",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 3
                            },
                            {
                                "name": "price",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 4
                            },
                            {
                                "name": "csvItemIdsAndCounts",
                                "type": {
                                    "name": "string"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d3b32cef-fccf-af68-6765-fa7139494ab2",
                        "type": "Collection",
                        "x": 587.7231551371037,
                        "y": 1144.1672574317076,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1be60fae-6632-2ee4-c9db-5cf4e5bd0f15",
                        "type": "Javascript2",
                        "label": "Find Recommendations",
                        "x": 410.84831544192934,
                        "y": 997.9797307142367,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    refresh:'signal',\n\t    categoryItemId: 'string',\n\t    collection: 'collection'\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    // ExampleOutput:'string',\n\t},\n\t\n\t// All signal inputs need their own function with the corresponding name that\n\t// will be run when a signal is received on the input.\n\n    setup(inputs, outputs) {\n        \n        this.getRecommendedItemsForCategory = (categoryId, itemsToIgnore) => {\n            let allIndicies = Array.from(Array(window.wallyProducts.length).keys());\n            let recomendedItems = [];\n            \n            while(allIndicies.length > 0 && recomendedItems.length < 5) {\n                let randomIndex = Math.floor(Math.random() * allIndicies.length);\n                let itemIndex = allIndicies[randomIndex];\n                allIndicies.splice(randomIndex, 1);\n                \n                let product = window.wallyProducts[itemIndex];\n                \n                if(itemsToIgnore.indexOf(product.itemId) !== -1) {\n                    continue;\n                }\n\n                if(product.category && product.category.path.length > 0 && product.category.path[0].name === categoryId) {\n                    // product has a category and it matches this category\n                    recomendedItems.push(product);\n                } else if (!product.category || product.category.path.length === 0) {\n                    // product doesn't have a category, might as well use it anyways\n                    recomendedItems.push(product);\n                }\n            }\n            \n            return recomendedItems;    \n        }\n        \n        this.refresh = () => {\n            if(!inputs.categoryItemId || Noodl.Model.exists(inputs.categoryItemId) === false) {\n                console.log(\"No category item model with id \"+ inputs.categoryItemId );\n                return;\n            }\n            \n            let categoryModel = Noodl.Model.get(inputs.categoryItemId);\n            let itemsInCartInCategory = categoryModel.get(\"items\");\n            \n            let recommendedItems = this.getRecommendedItemsForCategory(categoryModel.get(\"label\"), itemsInCartInCategory);\n            \n            let models = [];\n            for(let i = 0; i < 3; ++i) {\n                models.push(Noodl.Model.create({\n                    \"itemId\": recommendedItems[i].itemId\n                }));\n                Noodl.Model.create(recommendedItems[i]);\n            }\n            \n            inputs.collection.set(models);\n        }\n        this.refresh();\n    },\n\trefresh(inputs,outputs) {\n\t\tthis.refresh();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "categoryItemId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "collection",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 4
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a33b778d-7633-bbe3-7083-7c11abd6820f",
                        "type": "/Components/Get Item Category",
                        "x": -73.15168455807066,
                        "y": 815.9797307142367,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "08db4f32-e8c6-5fdd-78e6-2623fb4ad61e",
                        "type": "String Format",
                        "x": 108.84831544192934,
                        "y": 802.9797307142367,
                        "parameters": {
                            "format": "category-{itemCategory}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "itemCategory",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ccb8ade3-de20-4205-1a54-db145adc0697",
                        "type": "Unique Id",
                        "x": 293.84831544192934,
                        "y": 1176.9797307142367,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Product Details Page/Modules/Personalization/Personalization Series Item",
            "graph": {
                "connections": [
                    {
                        "fromId": "4319ef30-33ee-9713-9f5b-dbdf9517ec23",
                        "fromProperty": "itemId",
                        "toId": "d12075ac-4ead-29ca-b11a-41fd238c645a",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "01033ca1-6aab-033d-8f63-751e4f07dd9f",
                        "fromProperty": "Formatted Price",
                        "toId": "0851cb5f-5289-ec78-7ebf-089612ab1af7",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "cafbd316-c9e3-d469-3853-c6131aae4610",
                        "fromProperty": "price",
                        "toId": "01033ca1-6aab-033d-8f63-751e4f07dd9f",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "cafbd316-c9e3-d469-3853-c6131aae4610",
                        "fromProperty": "title",
                        "toId": "d3a6603e-1074-2fbc-aceb-1e9cfe70c058",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "d12075ac-4ead-29ca-b11a-41fd238c645a",
                        "fromProperty": "itemId",
                        "toId": "cafbd316-c9e3-d469-3853-c6131aae4610",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "cafbd316-c9e3-d469-3853-c6131aae4610",
                        "fromProperty": "img",
                        "toId": "b16ca685-6c64-0d07-afcf-4e3f2280928f",
                        "toProperty": "src"
                    },
                    {
                        "fromId": "cafbd316-c9e3-d469-3853-c6131aae4610",
                        "fromProperty": "id",
                        "toId": "b69f26e4-75d9-f68b-2adc-bf627ebb8cfa",
                        "toProperty": "Item Id"
                    }
                ],
                "roots": [
                    {
                        "id": "4319ef30-33ee-9713-9f5b-dbdf9517ec23",
                        "type": "For Each Actions",
                        "x": 860,
                        "y": 831.6017172649418,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d12075ac-4ead-29ca-b11a-41fd238c645a",
                        "type": "Model",
                        "x": 1057,
                        "y": 830.6017172649418,
                        "parameters": {
                            "properties": "itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "bb87a3ed-6842-dea1-c9c0-6bd74098e7ad",
                        "type": "Group",
                        "x": 1792.2906817124442,
                        "y": 695,
                        "parameters": {
                            "sizeMode": "explicit",
                            "marginRight": {
                                "value": 21,
                                "unit": "px"
                            },
                            "width": {
                                "value": 90,
                                "unit": "px"
                            },
                            "height": {
                                "value": 150,
                                "unit": "px"
                            },
                            "clip": false,
                            "boxShadowEnabled": false,
                            "boxShadowOffsetX": {
                                "value": 1,
                                "unit": "px"
                            },
                            "boxShadowOffsetY": {
                                "value": 3,
                                "unit": "px"
                            },
                            "boxShadowBlurRadius": {
                                "value": 16,
                                "unit": "px"
                            },
                            "boxShadowSpreadRadius": {
                                "value": 0,
                                "unit": "px"
                            },
                            "borderRadius": 8,
                            "paddingTop": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingLeft": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingBottom": {
                                "value": 0,
                                "unit": "px"
                            },
                            "paddingRight": {
                                "value": 0,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "98be8e49-06a7-757a-2ced-03ce8f629fc4",
                                "type": "Group",
                                "x": 20,
                                "y": 46,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingRight": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "b16ca685-6c64-0d07-afcf-4e3f2280928f",
                                        "type": "Image",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "sizeMode": "explicit",
                                            "alignY": "center",
                                            "alignX": "center",
                                            "height": {
                                                "value": 108,
                                                "unit": "px"
                                            },
                                            "width": {
                                                "value": 90,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "0851cb5f-5289-ec78-7ebf-089612ab1af7",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 128,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "letterSpacing": 0.85,
                                            "textAlign": "left",
                                            "marginTop": {
                                                "value": 0,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "164a755d-33e4-1dfb-357d-e5b431542902",
                                        "type": "Group",
                                        "x": 20,
                                        "y": 210,
                                        "parameters": {
                                            "clip": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "d3a6603e-1074-2fbc-aceb-1e9cfe70c058",
                                                "type": "Text",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {
                                                    "fontFamily": "fonts/Bogle-Regular.otf",
                                                    "fontSize": {
                                                        "value": 12,
                                                        "unit": "px"
                                                    },
                                                    "marginTop": {
                                                        "value": 0,
                                                        "unit": "px"
                                                    },
                                                    "sizeMode": "explicit"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "id": "1be13ea5-aa49-8105-88eb-4f35bfa1dc5f",
                                "type": "Group",
                                "x": 20,
                                "y": 384,
                                "parameters": {
                                    "sizeMode": "contentWidth",
                                    "position": "absolute",
                                    "alignX": "right",
                                    "alignY": "top",
                                    "paddingTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 8,
                                        "unit": "px"
                                    },
                                    "marginTop": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "marginLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    },
                                    "paddingLeft": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "b69f26e4-75d9-f68b-2adc-bf627ebb8cfa",
                                        "type": "/UI Components/Add To Cart Stepper",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Align X": "right"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "01033ca1-6aab-033d-8f63-751e4f07dd9f",
                        "type": "/Components/Price Format",
                        "x": 1394.665006269056,
                        "y": 1009.8405775439154,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cafbd316-c9e3-d469-3853-c6131aae4610",
                        "type": "Model",
                        "x": 1367.9139656691536,
                        "y": 823.8577844100848,
                        "parameters": {
                            "properties": "price,title,img,customerRating,numReviews"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "title",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "img",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "customerRating",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "numReviews",
                                "index": 10
                            }
                        ],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Components/Next Delivery Option",
            "graph": {
                "connections": [
                    {
                        "fromId": "22c9aabe-cad5-c4b7-e4b6-fac9304b57c5",
                        "fromProperty": "currentState",
                        "toId": "70c616e0-fe36-42a4-20a8-a4032d82dba3",
                        "toProperty": "When Is Slot Available"
                    },
                    {
                        "fromId": "61e39df4-d859-5552-6272-c1f951d5e1da",
                        "fromProperty": "Next Delivery Slot Available",
                        "toId": "22c9aabe-cad5-c4b7-e4b6-fac9304b57c5",
                        "toProperty": "currentState"
                    }
                ],
                "roots": [
                    {
                        "id": "70c616e0-fe36-42a4-20a8-a4032d82dba3",
                        "type": "Component Outputs",
                        "x": 566,
                        "y": 318,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "When Is Slot Available",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "22c9aabe-cad5-c4b7-e4b6-fac9304b57c5",
                        "type": "States",
                        "x": 226.5,
                        "y": 354,
                        "parameters": {
                            "states": "Today,Tomorrow,Later",
                            "duration-Tomorrow": 0,
                            "duration-Today": 0,
                            "duration-Later": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Today Transition",
                                "name": "transition-Today",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Today Transition",
                                "name": "duration-Today",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Today",
                                "name": "to-Today",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Today",
                                "name": "at-Today",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Today",
                                "name": "reached-Today",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Tomorrow Transition",
                                "name": "transition-Tomorrow",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Tomorrow Transition",
                                "name": "duration-Tomorrow",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Tomorrow",
                                "name": "to-Tomorrow",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Tomorrow",
                                "name": "at-Tomorrow",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Tomorrow",
                                "name": "reached-Tomorrow",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Later Transition",
                                "name": "transition-Later",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Later Transition",
                                "name": "duration-Later",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Later",
                                "name": "to-Later",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Later",
                                "name": "at-Later",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Later",
                                "name": "reached-Later",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Today",
                                        "Tomorrow",
                                        "Later"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Today",
                                "index": 21
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "61e39df4-d859-5552-6272-c1f951d5e1da",
                        "type": "Globals",
                        "x": 17.5,
                        "y": 337,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Next Delivery Slot Available",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Order Status Page (new)",
            "graph": {
                "connections": [
                    {
                        "fromId": "4014825d-0dac-e1a1-0e7f-b37c8a2a40d8",
                        "fromProperty": "Show",
                        "toId": "8528b9f2-abf0-67bd-0a2a-5ce7eefe3498",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "4014825d-0dac-e1a1-0e7f-b37c8a2a40d8",
                        "fromProperty": "To Right",
                        "toId": "8528b9f2-abf0-67bd-0a2a-5ce7eefe3498",
                        "toProperty": "To Right"
                    }
                ],
                "roots": [
                    {
                        "id": "8528b9f2-abf0-67bd-0a2a-5ce7eefe3498",
                        "type": "/UI Components/Page",
                        "x": 773.0380563170388,
                        "y": 467.4558719774447,
                        "parameters": {
                            "Start Visible": false,
                            "Clip": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "7164f87a-c082-9ab2-0467-93f03e072d23",
                                "type": "Group",
                                "x": 569.7371117371042,
                                "y": 594.1618098995006,
                                "parameters": {
                                    "backgroundColor": "#FAFAFA",
                                    "sizeMode": "explicit",
                                    "scrollBehavior": "noodl"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "4014825d-0dac-e1a1-0e7f-b37c8a2a40d8",
                        "type": "Component Inputs",
                        "x": 547.569761182466,
                        "y": 455,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "To Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d5974a4c-7155-b7d3-0f26-98e330dd569e",
                        "type": "/SessionData/Page event",
                        "x": 934.0380563170388,
                        "y": 1547.4558719774445,
                        "parameters": {
                            "pageId": "place_order",
                            "action": "from_cart"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Order Status popup (old)",
            "graph": {
                "connections": [
                    {
                        "fromId": "8031dae0-ac2b-ce61-4ee5-6c336c4fab9a",
                        "fromProperty": "onClick",
                        "toId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "fromProperty": "at-hide",
                        "toId": "6279572b-5e47-1f29-6425-252880528bb6",
                        "toProperty": "Popup hidden"
                    },
                    {
                        "fromId": "fdbaa6d8-b2db-5c4d-f854-963acacda99e",
                        "fromProperty": "show",
                        "toId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "toProperty": "to-show"
                    },
                    {
                        "fromId": "fdbaa6d8-b2db-5c4d-f854-963acacda99e",
                        "fromProperty": "hide",
                        "toId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "d581d8b1-6525-b3b0-f02d-891e41ce8434",
                        "fromProperty": "formatted",
                        "toId": "b7955d0a-0cde-5305-a66a-d2e8d259a84d",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "fromProperty": "at-show",
                        "toId": "d1d5ca40-c964-9b72-e4c6-16479e39bead",
                        "toProperty": "StartTimer"
                    },
                    {
                        "fromId": "ed2e76c5-c7ea-b0a7-d458-334fb325a7d7",
                        "fromProperty": "DeliveryAddress",
                        "toId": "c373cfb7-f493-7039-ff43-32c53fb5c206",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "ed2e76c5-c7ea-b0a7-d458-334fb325a7d7",
                        "fromProperty": "UserFullname",
                        "toId": "bcb2f014-86a9-20f5-0143-c1a5b463c662",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "dd8630ef-7645-1ec6-2fd6-5bb78789b968",
                        "fromProperty": "remappedValue",
                        "toId": "417b9d4b-03b8-6124-3740-b1c3427d4f78",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "307e3694-a8fd-5571-34e0-a218d505f47a",
                        "fromProperty": "onScrollPositionChanged",
                        "toId": "dd8630ef-7645-1ec6-2fd6-5bb78789b968",
                        "toProperty": "inputValue"
                    },
                    {
                        "fromId": "307e3694-a8fd-5571-34e0-a218d505f47a",
                        "fromProperty": "onScrollPositionChanged",
                        "toId": "c253a6ea-046a-4e84-76b3-7adee106282c",
                        "toProperty": "pos"
                    },
                    {
                        "fromId": "c253a6ea-046a-4e84-76b3-7adee106282c",
                        "fromProperty": "result",
                        "toId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "toProperty": "to-Mini"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "at-Full",
                        "toId": "d573a6ef-220b-98b4-acef-46aaea9a4c0e",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "at-Full",
                        "toId": "bbee8cea-6c6d-6a87-09dc-5dff6fb778d2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "pos y",
                        "toId": "2b210bc1-a2b4-bbe0-3e3a-fc22d240c49e",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "at-Full",
                        "toId": "417b9d4b-03b8-6124-3740-b1c3427d4f78",
                        "toProperty": "visible"
                    },
                    {
                        "fromId": "23bb60f3-646e-ff2d-e989-ca93554cd432",
                        "fromProperty": "onClick",
                        "toId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "toProperty": "to-Full"
                    },
                    {
                        "fromId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "fromProperty": "Pos Y",
                        "toId": "9b263d6d-1443-7c5a-0f39-d2b324c108b1",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "fromProperty": "at-show",
                        "toId": "8a80eede-6043-1975-0ca6-ed5235a50159",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "fromProperty": "reached-hide",
                        "toId": "8a80eede-6043-1975-0ca6-ed5235a50159",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "8a80eede-6043-1975-0ca6-ed5235a50159",
                        "fromProperty": "state",
                        "toId": "9b263d6d-1443-7c5a-0f39-d2b324c108b1",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "5ab3747f-1fad-851f-a8ff-3de73fcbb67b",
                        "fromProperty": "savedValue",
                        "toId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "toProperty": "to-hide"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "at-Mini",
                        "toId": "d2a68358-2e7b-10ed-194d-ede8f8ce6716",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "8031dae0-ac2b-ce61-4ee5-6c336c4fab9a",
                        "fromProperty": "onClick",
                        "toId": "181598f5-c043-668f-6c70-c3f01265ca33",
                        "toProperty": "Close Popup"
                    },
                    {
                        "fromId": "15952a06-f4ea-6fc9-54e9-18b62f89c5e3",
                        "fromProperty": "formatted",
                        "toId": "adf97a1d-ec3a-84d8-7771-15ad1885b4d4",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "e8a40589-00a8-bd78-b64f-6519ac040ef5",
                        "fromProperty": "result",
                        "toId": "5fa5c17a-e39f-0b4c-cb06-bffb2b70c0c2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "e8a40589-00a8-bd78-b64f-6519ac040ef5",
                        "fromProperty": "result",
                        "toId": "bbee8cea-6c6d-6a87-09dc-5dff6fb778d2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "at-Full",
                        "toId": "e8a40589-00a8-bd78-b64f-6519ac040ef5",
                        "toProperty": "m"
                    },
                    {
                        "fromId": "513a8556-53a7-d9ef-2506-f83a50291a19",
                        "fromProperty": "count",
                        "toId": "e8a40589-00a8-bd78-b64f-6519ac040ef5",
                        "toProperty": "size"
                    },
                    {
                        "fromId": "fdbaa6d8-b2db-5c4d-f854-963acacda99e",
                        "fromProperty": "Track",
                        "toId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "toProperty": "to-Mini"
                    },
                    {
                        "fromId": "a9eb80e5-35ca-68b7-3a48-26559ac24e56",
                        "fromProperty": "count",
                        "toId": "d581d8b1-6525-b3b0-f02d-891e41ce8434",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "0f555aec-da32-1694-c722-c80ec66666b8",
                        "fromProperty": "ViewDetails",
                        "toId": "181598f5-c043-668f-6c70-c3f01265ca33",
                        "toProperty": "To Order Details"
                    },
                    {
                        "fromId": "a9eb80e5-35ca-68b7-3a48-26559ac24e56",
                        "fromProperty": "count",
                        "toId": "b7955d0a-0cde-5305-a66a-d2e8d259a84d",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "fromProperty": "stateChanged",
                        "toId": "fbff8eb7-33f3-80ae-9c22-991468bd0e61",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "513a8556-53a7-d9ef-2506-f83a50291a19",
                        "fromProperty": "items",
                        "toId": "fbff8eb7-33f3-80ae-9c22-991468bd0e61",
                        "toProperty": "shippingItems"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "at-Mini",
                        "toId": "9499e6c0-55af-2db5-02da-17ea34806af0",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "8031dae0-ac2b-ce61-4ee5-6c336c4fab9a",
                        "fromProperty": "onClick",
                        "toId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "toProperty": "to-Full"
                    },
                    {
                        "fromId": "a9eb80e5-35ca-68b7-3a48-26559ac24e56",
                        "fromProperty": "count",
                        "toId": "fd96ce26-6bef-b231-dbb6-59e437de870b",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "fromProperty": "at-Full",
                        "toId": "fd96ce26-6bef-b231-dbb6-59e437de870b",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "fd96ce26-6bef-b231-dbb6-59e437de870b",
                        "fromProperty": "result",
                        "toId": "2a587b77-721b-a8e2-3ee1-50ea66312168",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "97f28d9e-a4b3-f2a6-02ac-e98506fc9e02",
                        "fromProperty": "LatestOrderId",
                        "toId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "fbff8eb7-33f3-80ae-9c22-991468bd0e61",
                        "fromProperty": "totalCount",
                        "toId": "15952a06-f4ea-6fc9-54e9-18b62f89c5e3",
                        "toProperty": "items"
                    },
                    {
                        "fromId": "dd881a72-b050-bcfc-783a-3749a4d2323f",
                        "fromProperty": "eventReceived",
                        "toId": "fbff8eb7-33f3-80ae-9c22-991468bd0e61",
                        "toProperty": "refresh"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "deliveryDate",
                        "toId": "1cea7a33-a948-b0a3-88ad-81f177822ba0",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "deliverySlot",
                        "toId": "1cea7a33-a948-b0a3-88ad-81f177822ba0",
                        "toProperty": "Slot"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "deliveryType",
                        "toId": "5db0d58f-13a8-df7f-ecd3-e0b8757e7a0c",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "1cea7a33-a948-b0a3-88ad-81f177822ba0",
                        "fromProperty": "Arrives By Label",
                        "toId": "d581d8b1-6525-b3b0-f02d-891e41ce8434",
                        "toProperty": "date"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "shippingDate",
                        "toId": "2a1147cd-e2b2-50ec-87dc-3a6bf124588f",
                        "toProperty": "Date"
                    },
                    {
                        "fromId": "2a1147cd-e2b2-50ec-87dc-3a6bf124588f",
                        "fromProperty": "Day And Time",
                        "toId": "15952a06-f4ea-6fc9-54e9-18b62f89c5e3",
                        "toProperty": "sd"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "orderState",
                        "toId": "2c2ed10b-8569-e693-e089-6a84f0ad878e",
                        "toProperty": "status"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "a9eb80e5-35ca-68b7-3a48-26559ac24e56",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "shippingCollectionId",
                        "toId": "fbff8eb7-33f3-80ae-9c22-991468bd0e61",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "shippingCollectionId",
                        "toId": "513a8556-53a7-d9ef-2506-f83a50291a19",
                        "toProperty": "collectionId"
                    },
                    {
                        "fromId": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "fromProperty": "deliveryCollectionId",
                        "toId": "ddaa49f8-fbf9-8be9-cf5f-a7c5ae01fc2f",
                        "toProperty": "Collection Id"
                    }
                ],
                "roots": [
                    {
                        "id": "9b263d6d-1443-7c5a-0f39-d2b324c108b1",
                        "type": "Group",
                        "label": "Popup",
                        "x": 1652.7020486218871,
                        "y": 419,
                        "parameters": {
                            "position": "absolute",
                            "transformScale": 1,
                            "transformY": {
                                "value": 0,
                                "unit": "%"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "e0db38bd-15e9-53d0-93b0-b23b889241d3",
                                "type": "Group",
                                "label": "Background",
                                "x": 978.3412784658728,
                                "y": 675.2204304911008,
                                "parameters": {
                                    "style": "{\n    //blurRadius(\"4px\");\n}",
                                    "backgroundColor": "#FFFFFF",
                                    "opacity": 1,
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "436c4312-160a-6f6b-3cc6-76f96f7ab1f0",
                                        "type": "Group",
                                        "x": 998.3412784658728,
                                        "y": 736.2204304911008,
                                        "parameters": {
                                            "position": "absolute",
                                            "sizeMode": "explicit"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "1f3f0e7a-352a-9399-23c9-ecd06ac63a18",
                                                "type": "Image",
                                                "x": 1018.3412784658728,
                                                "y": 782.2204304911008,
                                                "parameters": {
                                                    "src": "images/map_Empty.png",
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "9499e6c0-55af-2db5-02da-17ea34806af0",
                                                "type": "Image",
                                                "x": 1018.3412784658728,
                                                "y": 828.2204304911008,
                                                "parameters": {
                                                    "src": "images/Map.png",
                                                    "position": "absolute",
                                                    "transformScale": 1,
                                                    "sizeMode": "contentHeight"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "8031dae0-ac2b-ce61-4ee5-6c336c4fab9a",
                                        "type": "Image",
                                        "label": "CLOSE",
                                        "x": 998.3412784658728,
                                        "y": 910.2204304911008,
                                        "parameters": {
                                            "src": "images/closebutton.png",
                                            "alignX": "right",
                                            "marginBottom": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "marginRight": {
                                                "value": 10,
                                                "unit": "px"
                                            },
                                            "style": "{\n}",
                                            "transformScale": 0.75,
                                            "position": "absolute",
                                            "zIndex": 10
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "4aff8484-87b0-5e08-6276-96b56b3aa105",
                                "type": "Group",
                                "x": 978.3412784658728,
                                "y": 1007.2204304911008,
                                "parameters": {
                                    "sizeMode": "explicit",
                                    "marginBottom": {
                                        "value": 0,
                                        "unit": "px"
                                    }
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "417b9d4b-03b8-6124-3740-b1c3427d4f78",
                                        "type": "Group",
                                        "label": "EASTER",
                                        "x": 998.3412784658728,
                                        "y": 1053.2204304911008,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "0436553a-f3ea-1513-9128-156ec21a54b9",
                                                "type": "Group",
                                                "x": 1018.3412784658728,
                                                "y": 1170.2204304911008,
                                                "parameters": {
                                                    "sizeMode": "contentHeight",
                                                    "alignY": "bottom",
                                                    "position": "absolute",
                                                    "marginBottom": {
                                                        "value": 10,
                                                        "unit": "px"
                                                    }
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "d1d5ca40-c964-9b72-e4c6-16479e39bead",
                                                        "type": "/Checkout/Status/Special Offers Card",
                                                        "x": 1038.3412784658728,
                                                        "y": 1216.2204304911008,
                                                        "parameters": {},
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": []
                                                    }
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        "id": "1ee6b152-ab67-94b8-996e-f9b55536aeb3",
                                        "type": "Group",
                                        "label": "ORDER STATUS",
                                        "x": 998.3412784658728,
                                        "y": 1298.2204304911008,
                                        "parameters": {
                                            "scrollDirection": "x",
                                            "alignY": "bottom",
                                            "height": {
                                                "value": 400,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "307e3694-a8fd-5571-34e0-a218d505f47a",
                                                "type": "Group",
                                                "x": 1018.3412784658728,
                                                "y": 1359.2204304911008,
                                                "parameters": {
                                                    "scrollBehavior": "noodl"
                                                },
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": [
                                                    {
                                                        "id": "2b210bc1-a2b4-bbe0-3e3a-fc22d240c49e",
                                                        "type": "Group",
                                                        "label": "CONTENT",
                                                        "x": 1038.3412784658728,
                                                        "y": 1441.2204304911008,
                                                        "parameters": {
                                                            "height": {
                                                                "value": 400,
                                                                "unit": "px"
                                                            },
                                                            "backgroundColor": "#FFFFFF",
                                                            "borderRadius": 10,
                                                            "sizeMode": "contentHeight",
                                                            "marginBottom": {
                                                                "value": 0,
                                                                "unit": "px"
                                                            },
                                                            "paddingBottom": {
                                                                "value": 10,
                                                                "unit": "px"
                                                            }
                                                        },
                                                        "ports": [],
                                                        "dynamicports": [],
                                                        "children": [
                                                            {
                                                                "id": "23bb60f3-646e-ff2d-e989-ca93554cd432",
                                                                "type": "Group",
                                                                "label": "HANDLE",
                                                                "x": 1058.3412784658728,
                                                                "y": 1538.2204304911008,
                                                                "parameters": {
                                                                    "sizeMode": "explicit",
                                                                    "width": {
                                                                        "value": 100,
                                                                        "unit": "%"
                                                                    },
                                                                    "height": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "e5ba2f27-115f-e3b9-5dc9-2d5fe4979d59",
                                                                        "type": "Group",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 1635.2204304911008,
                                                                        "parameters": {
                                                                            "height": {
                                                                                "value": 4,
                                                                                "unit": "px"
                                                                            },
                                                                            "backgroundColor": "#E7E9ED",
                                                                            "borderRadius": 2,
                                                                            "width": {
                                                                                "value": 50,
                                                                                "unit": "px"
                                                                            },
                                                                            "position": "absolute",
                                                                            "alignX": "center",
                                                                            "alignY": "center",
                                                                            "marginTop": {
                                                                                "value": 5,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "f8d9208d-1eb1-7840-fd0e-7086ebb8650f",
                                                                "type": "Group",
                                                                "label": "TITLE",
                                                                "x": 1058.3412784658728,
                                                                "y": 1681.2204304911008,
                                                                "parameters": {
                                                                    "marginTop": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "1308d6ee-c2e8-1962-91b2-18cd843831a1",
                                                                        "type": "Text",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 1742.2204304911008,
                                                                        "parameters": {
                                                                            "textAlign": "center",
                                                                            "alignX": "center",
                                                                            "text": "Order Status",
                                                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                                                            "fontSize": {
                                                                                "value": 20,
                                                                                "unit": "px"
                                                                            }
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    },
                                                                    {
                                                                        "id": "b7955d0a-0cde-5305-a66a-d2e8d259a84d",
                                                                        "type": "Text",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 1788.2204304911008,
                                                                        "parameters": {
                                                                            "textAlign": "center",
                                                                            "alignX": "center",
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "text": "",
                                                                            "fontSize": {
                                                                                "value": 16,
                                                                                "unit": "px"
                                                                            },
                                                                            "lineHeight": 2,
                                                                            "color": "#808080"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "cd508f5a-d2da-578f-1ed3-b3f00351d65e",
                                                                "type": "Group",
                                                                "label": "STATUS",
                                                                "x": 1058.3412784658728,
                                                                "y": 1870.2204304911008,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginRight": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "2c2ed10b-8569-e693-e089-6a84f0ad878e",
                                                                        "type": "/Checkout/Status/Status tracker",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 1931.2204304911008,
                                                                        "parameters": {},
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "e95b3f7b-4700-ccd0-d913-e5527245123c",
                                                                "type": "/UI Components/Design System/Divider",
                                                                "x": 1058.3412784658728,
                                                                "y": 2013.2204304911008,
                                                                "parameters": {},
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            },
                                                            {
                                                                "id": "2a587b77-721b-a8e2-3ee1-50ea66312168",
                                                                "type": "Group",
                                                                "label": "ITEMS",
                                                                "x": 1058.3412784658728,
                                                                "y": 2059.220430491101,
                                                                "parameters": {
                                                                    "sizeMode": "contentHeight"
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "1076800c-4d51-6e70-4bcc-a09790d5995a",
                                                                        "type": "Group",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 2156.220430491101,
                                                                        "parameters": {
                                                                            "sizeMode": "contentHeight",
                                                                            "paddingRight": {
                                                                                "value": 20,
                                                                                "unit": "px"
                                                                            },
                                                                            "paddingLeft": {
                                                                                "value": 20,
                                                                                "unit": "px"
                                                                            },
                                                                            "flexDirection": "row",
                                                                            "flexWrap": "wrap"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "ddaa49f8-fbf9-8be9-cf5f-a7c5ae01fc2f",
                                                                                "type": "/UI Components/Horizontal Overflow List",
                                                                                "x": 1098.3412784658728,
                                                                                "y": 2202.220430491101,
                                                                                "parameters": {},
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            }
                                                                        ]
                                                                    },
                                                                    {
                                                                        "id": "ef6ac4de-b23b-d21c-a455-3ee4900a13f4",
                                                                        "type": "/UI Components/Design System/Divider",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 2284.220430491101,
                                                                        "parameters": {},
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "d573a6ef-220b-98b4-acef-46aaea9a4c0e",
                                                                "type": "Group",
                                                                "label": "ADRESS",
                                                                "x": 1058.3412784658728,
                                                                "y": 2330.220430491101,
                                                                "parameters": {
                                                                    "sizeMode": "contentHeight",
                                                                    "marginTop": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginLeft": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginRight": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginBottom": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "visible": true,
                                                                    "mounted": true
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "726f4b92-d184-e826-5e52-28ca588d4bcd",
                                                                        "type": "Group",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 2427.220430491101,
                                                                        "parameters": {
                                                                            "sizeMode": "contentHeight",
                                                                            "flexDirection": "row"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": [
                                                                            {
                                                                                "id": "cdeacd23-e52a-2f21-ffaf-3438591b1766",
                                                                                "type": "Text",
                                                                                "x": 1098.3412784658728,
                                                                                "y": 2473.220430491101,
                                                                                "parameters": {
                                                                                    "text": "Delivery to",
                                                                                    "fontFamily": "fonts/Bogle-Medium.otf",
                                                                                    "color": "#000000",
                                                                                    "fontSize": {
                                                                                        "value": 16,
                                                                                        "unit": "px"
                                                                                    },
                                                                                    "sizeMode": "contentWidth"
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": []
                                                                            },
                                                                            {
                                                                                "id": "bfb34447-ba11-c116-e223-a20608f054c8",
                                                                                "type": "Group",
                                                                                "x": 1098.3412784658728,
                                                                                "y": 2519.220430491101,
                                                                                "parameters": {
                                                                                    "marginLeft": {
                                                                                        "value": 20,
                                                                                        "unit": "px"
                                                                                    }
                                                                                },
                                                                                "ports": [],
                                                                                "dynamicports": [],
                                                                                "children": [
                                                                                    {
                                                                                        "id": "bcb2f014-86a9-20f5-0143-c1a5b463c662",
                                                                                        "type": "Text",
                                                                                        "x": 1118.3412784658728,
                                                                                        "y": 2565.220430491101,
                                                                                        "parameters": {
                                                                                            "fontSize": {
                                                                                                "value": 16,
                                                                                                "unit": "px"
                                                                                            },
                                                                                            "fontFamily": "fonts/Bogle-Regular.otf"
                                                                                        },
                                                                                        "ports": [],
                                                                                        "dynamicports": [],
                                                                                        "children": []
                                                                                    },
                                                                                    {
                                                                                        "id": "c373cfb7-f493-7039-ff43-32c53fb5c206",
                                                                                        "type": "Text",
                                                                                        "x": 1118.3412784658728,
                                                                                        "y": 2647.220430491101,
                                                                                        "parameters": {
                                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                                            "fontSize": {
                                                                                                "value": 16,
                                                                                                "unit": "px"
                                                                                            }
                                                                                        },
                                                                                        "ports": [],
                                                                                        "dynamicports": [],
                                                                                        "children": []
                                                                                    }
                                                                                ]
                                                                            }
                                                                        ]
                                                                    },
                                                                    {
                                                                        "id": "97e6e6d5-0612-6bd1-7a6b-08a6f46fcd5c",
                                                                        "type": "/UI Components/Design System/Divider",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 2729.220430491101,
                                                                        "parameters": {},
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "5fa5c17a-e39f-0b4c-cb06-bffb2b70c0c2",
                                                                "type": "Group",
                                                                "label": "SHIPPING",
                                                                "x": 1058.3412784658728,
                                                                "y": 2775.220430491101,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginTop": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginBottom": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "mounted": true
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "adf97a1d-ec3a-84d8-7771-15ad1885b4d4",
                                                                        "type": "Text",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 2872.220430491101,
                                                                        "parameters": {
                                                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                                                            "fontSize": {
                                                                                "value": 16,
                                                                                "unit": "px"
                                                                            },
                                                                            "text": "1 item arrives by Mon, Apr 6",
                                                                            "color": "#808080"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "bbee8cea-6c6d-6a87-09dc-5dff6fb778d2",
                                                                "type": "Group",
                                                                "x": 1058.3412784658728,
                                                                "y": 2954.220430491101,
                                                                "parameters": {
                                                                    "mounted": true
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "e350e683-d7a5-9928-ce58-a5c46e0bcdc3",
                                                                        "type": "/UI Components/Design System/Divider",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 3036.220430491101,
                                                                        "parameters": {},
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "351a6208-aa78-0b84-c249-f91e35afec92",
                                                                "type": "Group",
                                                                "label": "SUMMARY",
                                                                "x": 1058.3412784658728,
                                                                "y": 3082.220430491101,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginTop": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginBottom": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    },
                                                                    "flexDirection": "column",
                                                                    "sizeMode": "explicit",
                                                                    "marginRight": {
                                                                        "value": 10,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "0f555aec-da32-1694-c722-c80ec66666b8",
                                                                        "type": "/Checkout/Status/Status summary",
                                                                        "x": 20,
                                                                        "y": 61,
                                                                        "parameters": {},
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "d2a68358-2e7b-10ed-194d-ede8f8ce6716",
                                                                "type": "Group",
                                                                "x": 1058.3412784658728,
                                                                "y": 3225.220430491101,
                                                                "parameters": {
                                                                    "marginLeft": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginRight": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginTop": {
                                                                        "value": 20,
                                                                        "unit": "px"
                                                                    },
                                                                    "marginBottom": {
                                                                        "value": 30,
                                                                        "unit": "px"
                                                                    },
                                                                    "paddingBottom": {
                                                                        "value": 0,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": [
                                                                    {
                                                                        "id": "653e18d0-a5cf-95fd-0e2e-cd642e9729cb",
                                                                        "type": "/UI Components/Design System/Button",
                                                                        "x": 1078.3412784658728,
                                                                        "y": 3307.220430491101,
                                                                        "parameters": {
                                                                            "Title": "Contact driver"
                                                                        },
                                                                        "ports": [],
                                                                        "dynamicports": [],
                                                                        "children": []
                                                                    }
                                                                ]
                                                            },
                                                            {
                                                                "id": "05ecec37-a209-dbba-a25f-6c7425516e4d",
                                                                "type": "Group",
                                                                "label": "FILLER",
                                                                "x": 1058.3412784658728,
                                                                "y": 3353.220430491101,
                                                                "parameters": {
                                                                    "sizeMode": "explicit",
                                                                    "height": {
                                                                        "value": 50,
                                                                        "unit": "px"
                                                                    }
                                                                },
                                                                "ports": [],
                                                                "dynamicports": [],
                                                                "children": []
                                                            }
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "4954dd0c-b4d8-19bf-294a-3dd23bfc6b1a",
                        "type": "States",
                        "x": 1049.0507518039435,
                        "y": 740.0129044872712,
                        "parameters": {
                            "states": "hide,show",
                            "values": "opacity,Pos Y",
                            "value-hide-opacity": 0,
                            "value-show-opacity": 1,
                            "startState": "hide",
                            "value-hide-Pos Y": 100,
                            "value-show-Pos Y": 0,
                            "duration-hide": 500,
                            "duration-show": 500
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "opacity",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Pos Y",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-opacity",
                                "displayName": "opacity",
                                "editorName": "hide|opacity",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "hide Values",
                                "name": "value-hide-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "hide|Pos Y",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "hide Transition",
                                "name": "transition-hide",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "hide Transition",
                                "name": "duration-hide",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To hide",
                                "name": "to-hide",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At hide",
                                "name": "at-hide",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached hide",
                                "name": "reached-hide",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-opacity",
                                "displayName": "opacity",
                                "editorName": "show|opacity",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "show Values",
                                "name": "value-show-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "show|Pos Y",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "show Transition",
                                "name": "transition-show",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "show Transition",
                                "name": "duration-show",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To show",
                                "name": "to-show",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At show",
                                "name": "at-show",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached show",
                                "name": "reached-show",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "hide",
                                        "show"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "hide",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "6279572b-5e47-1f29-6425-252880528bb6",
                        "type": "Component Outputs",
                        "x": 740.3743832737557,
                        "y": 724.610655649611,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Popup hidden",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fdbaa6d8-b2db-5c4d-f854-963acacda99e",
                        "type": "Component Inputs",
                        "x": 749.2864473765248,
                        "y": 833.2776419720026,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "show",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "hide",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            },
                            {
                                "name": "Track",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 3
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "ed2e76c5-c7ea-b0a7-d458-334fb325a7d7",
                        "type": "Globals",
                        "x": 2364.668708156464,
                        "y": 1935.526063485019,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "DeliveryAddress",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "UserFullname",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "CartDeliveryPrice",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "d581d8b1-6525-b3b0-f02d-891e41ce8434",
                        "type": "String Format",
                        "x": 2052.9816844921716,
                        "y": 1544.6065334922782,
                        "parameters": {
                            "format": "{items} items {date}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "date",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "a9eb80e5-35ca-68b7-3a48-26559ac24e56",
                        "type": "Collection",
                        "x": 915.9523156804039,
                        "y": 2016.1728228272252,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b5d0e897-a11c-63b1-a08a-1ffd04513299",
                        "type": "States",
                        "x": 1194.150825050804,
                        "y": 1271.004779167106,
                        "parameters": {
                            "states": "Full,Mini",
                            "values": "status,pos y",
                            "value-Full-status": 1,
                            "value-Mini-status": 3,
                            "startState": "Full",
                            "value-Mini-pos y": 60
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "status",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "pos y",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Full Values",
                                "name": "value-Full-status",
                                "displayName": "status",
                                "editorName": "Full|status",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Full Values",
                                "name": "value-Full-pos y",
                                "displayName": "pos y",
                                "editorName": "Full|pos y",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Full Transition",
                                "name": "transition-Full",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Full Transition",
                                "name": "duration-Full",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Full",
                                "name": "to-Full",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Full",
                                "name": "at-Full",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Full",
                                "name": "reached-Full",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Mini Values",
                                "name": "value-Mini-status",
                                "displayName": "status",
                                "editorName": "Mini|status",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Mini Values",
                                "name": "value-Mini-pos y",
                                "displayName": "pos y",
                                "editorName": "Mini|pos y",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Mini Transition",
                                "name": "transition-Mini",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Mini Transition",
                                "name": "duration-Mini",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Mini",
                                "name": "to-Mini",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Mini",
                                "name": "at-Mini",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Mini",
                                "name": "reached-Mini",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Full",
                                        "Mini"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Full",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "181598f5-c043-668f-6c70-c3f01265ca33",
                        "type": "Component Outputs",
                        "x": 1409.64328502349,
                        "y": 2851.4952165191667,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Order Details",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Close Popup",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "dd8630ef-7645-1ec6-2fd6-5bb78789b968",
                        "type": "Number Remapper",
                        "x": 1181.2839824602347,
                        "y": 1004.4874050061956,
                        "parameters": {
                            "maxInputValue": 100,
                            "minOutputValue": 1,
                            "maxOutputValue": 0
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c253a6ea-046a-4e84-76b3-7adee106282c",
                        "type": "Expression",
                        "x": 1186.549862200978,
                        "y": 1136.080917483006,
                        "parameters": {
                            "expression": "pos < -100"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "pos",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "8a80eede-6043-1975-0ca6-ed5235a50159",
                        "type": "Switch",
                        "x": 1189.2482160161046,
                        "y": 480.23156936840144,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5ab3747f-1fad-851f-a8ff-3de73fcbb67b",
                        "type": "Boolean",
                        "x": 1383.5102760558857,
                        "y": 3117.7281229254268,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "513a8556-53a7-d9ef-2506-f83a50291a19",
                        "type": "Collection",
                        "x": 1042.9649834751601,
                        "y": 2346.4739046404475,
                        "parameters": {
                            "collectionId": ""
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e8a40589-00a8-bd78-b64f-6519ac040ef5",
                        "type": "Expression",
                        "x": 1397.7995060810479,
                        "y": 2309.3511897921435,
                        "parameters": {
                            "expression": "size > 0 && m"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "size",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "m",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "15952a06-f4ea-6fc9-54e9-18b62f89c5e3",
                        "type": "String Format",
                        "x": 1437.831282035515,
                        "y": 2586.8012317695893,
                        "parameters": {
                            "format": "{items} items arrives by {sd}"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "items",
                                "type": "string",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "sd",
                                "type": "string",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "97f28d9e-a4b3-f2a6-02ac-e98506fc9e02",
                        "type": "Globals",
                        "x": 536.3124496397738,
                        "y": 1799.1673076558857,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestDeliveryId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestShippingId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestOrderId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "fbff8eb7-33f3-80ae-9c22-991468bd0e61",
                        "type": "Javascript2",
                        "x": 625.632258994415,
                        "y": 2618.7883887236894,
                        "parameters": {
                            "code": "define({\n\t// The input ports of the Javascript node, name of input and type\n\tinputs:{\n\t    // ExampleInput:'number',\n\t    // Available types are 'number', 'string', 'boolean', 'color' and 'signal',\n\t    refresh:'signal',\n\t    shippingItems: 'collection',\n\t    collectionId: \"string\"\n\t},\n\t\n\t// The output ports of the Javascript node, name of output and type\n\toutputs:{\n\t    totalCount: \"number\"\n\t},\n\t\n\trefresh:function(inputs,outputs) {\n        this.update();\n\t},\n\tsetup(inputs, outputs) {\n\t    this.update = () => {\n            let totalCount = 0;\n\t        \n            inputs.shippingItems.each(product => {\n                console.log(\"ofjfsda\" + product.get(\"count\"));\n                totalCount += product.get(\"count\");\n            });\n    \t        \n            outputs.totalCount = totalCount;\n            this.flagOutputDirty('totalCount');\n\t    }\n\t    \n\t    this.update();\n\t},\n\tchange() {\n\t    this.update();\n\t}\n})\n"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "refresh",
                                "plug": "input",
                                "type": {
                                    "name": "signal"
                                },
                                "group": "Inputs",
                                "index": 2
                            },
                            {
                                "name": "shippingItems",
                                "plug": "input",
                                "type": {
                                    "name": "collection"
                                },
                                "group": "Inputs",
                                "index": 3
                            },
                            {
                                "name": "collectionId",
                                "plug": "input",
                                "type": {
                                    "name": "string"
                                },
                                "group": "Inputs",
                                "index": 4
                            },
                            {
                                "name": "totalCount",
                                "type": {
                                    "name": "number"
                                },
                                "plug": "output",
                                "group": "Outputs",
                                "index": 5
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "fd96ce26-6bef-b231-dbb6-59e437de870b",
                        "type": "And",
                        "x": 1339.203662281012,
                        "y": 1953.5503575042078,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e1fbb1e9-7046-41be-91ca-4a85e797a81b",
                        "type": "Model",
                        "x": 843.167968290289,
                        "y": 1712.9021534526605,
                        "parameters": {
                            "properties": "deliveryDate,deliverySlot,deliveryType,shippingDate,orderState,deliveryCollectionId,shippingCollectionId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryDate",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliverySlot",
                                "index": 7
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryType",
                                "index": 8
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingDate",
                                "index": 9
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "orderState",
                                "index": 10
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "deliveryCollectionId",
                                "index": 11
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "shippingCollectionId",
                                "index": 12
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "dd881a72-b050-bcfc-783a-3749a4d2323f",
                        "type": "Event Receiver",
                        "x": 338,
                        "y": 2566.744221720918,
                        "parameters": {
                            "channelName": "Cart Was Modified"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "1cea7a33-a948-b0a3-88ad-81f177822ba0",
                        "type": "/Components/Get Time Label",
                        "x": 1219.4272666267834,
                        "y": 1630.0852595677218,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "5db0d58f-13a8-df7f-ecd3-e0b8757e7a0c",
                        "type": "String",
                        "x": 471.5513976642537,
                        "y": 1494.218987395693,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2a1147cd-e2b2-50ec-87dc-3a6bf124588f",
                        "type": "/Components/Get Time Label",
                        "x": 928.4272666267834,
                        "y": 2797.5852595677216,
                        "parameters": {
                            "Use Long Day Format": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Buy it again item",
            "graph": {
                "connections": [
                    {
                        "fromId": "15a34411-3b9e-c497-f51f-3047853f8e10",
                        "fromProperty": "itemId",
                        "toId": "9b45a180-eead-2223-93b7-ded0c17095e2",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "3dda685a-6f71-4e17-0cf6-cd9294d74059",
                        "fromProperty": "Formatted Price",
                        "toId": "731784d8-ede8-6fc5-b29f-e7f7b2c6ac53",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "9b45a180-eead-2223-93b7-ded0c17095e2",
                        "fromProperty": "itemId",
                        "toId": "e5dd1845-2854-beaa-837b-e788fb75d96f",
                        "toProperty": "modelId"
                    },
                    {
                        "fromId": "e5dd1845-2854-beaa-837b-e788fb75d96f",
                        "fromProperty": "price",
                        "toId": "3dda685a-6f71-4e17-0cf6-cd9294d74059",
                        "toProperty": "Price"
                    },
                    {
                        "fromId": "9b45a180-eead-2223-93b7-ded0c17095e2",
                        "fromProperty": "itemId",
                        "toId": "52a31481-2951-8754-d7fe-123a4fbca4af",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "9b45a180-eead-2223-93b7-ded0c17095e2",
                        "fromProperty": "itemId",
                        "toId": "f6cf3e7a-6707-382f-929e-6b11b60783bc",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "9b45a180-eead-2223-93b7-ded0c17095e2",
                        "fromProperty": "itemId",
                        "toId": "f5d93cca-2b33-2c58-d093-36f21de14cc2",
                        "toProperty": "itemId"
                    },
                    {
                        "fromId": "9b45a180-eead-2223-93b7-ded0c17095e2",
                        "fromProperty": "itemId",
                        "toId": "2e6c69b5-30d2-1946-3d41-caadc4c6b3f0",
                        "toProperty": "Item Id"
                    },
                    {
                        "fromId": "2e6c69b5-30d2-1946-3d41-caadc4c6b3f0",
                        "fromProperty": "Has Variants",
                        "toId": "a508bade-d6c5-de51-2425-848ff67a01d0",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "a508bade-d6c5-de51-2425-848ff67a01d0",
                        "fromProperty": "result",
                        "toId": "f6cf3e7a-6707-382f-929e-6b11b60783bc",
                        "toProperty": "Mounted"
                    },
                    {
                        "fromId": "412a7f16-bbf5-a230-6f26-8a17cfccd742",
                        "fromProperty": "didMount",
                        "toId": "2e6c69b5-30d2-1946-3d41-caadc4c6b3f0",
                        "toProperty": "Update"
                    }
                ],
                "roots": [
                    {
                        "id": "15a34411-3b9e-c497-f51f-3047853f8e10",
                        "type": "For Each Actions",
                        "x": 287,
                        "y": 457.52813734948813,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "412a7f16-bbf5-a230-6f26-8a17cfccd742",
                        "type": "Group",
                        "x": 902.9578394415466,
                        "y": 452,
                        "parameters": {
                            "sizeMode": "explicit",
                            "marginRight": {
                                "value": 16,
                                "unit": "px"
                            },
                            "width": {
                                "value": 100,
                                "unit": "px"
                            },
                            "height": {
                                "value": 160,
                                "unit": "px"
                            }
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "c1753a88-9e07-2aa1-840a-22efa599f9bc",
                                "type": "Group",
                                "x": 1882.4262203649541,
                                "y": 1206.0911848341766,
                                "parameters": {
                                    "sizeMode": "contentSize",
                                    "marginTop": {
                                        "value": 10,
                                        "unit": "px"
                                    },
                                    "marginRight": {
                                        "value": 14,
                                        "unit": "px"
                                    },
                                    "alignX": "right",
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "52a31481-2951-8754-d7fe-123a4fbca4af",
                                        "type": "/UI Components/Product Tile",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Big": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "731784d8-ede8-6fc5-b29f-e7f7b2c6ac53",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 128,
                                        "parameters": {
                                            "sizeMode": "contentHeight",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            },
                                            "color": "#000000",
                                            "letterSpacing": 0.85,
                                            "marginTop": {
                                                "value": 4,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "e9b29953-d67c-430b-3ec5-cb6dc2058e55",
                                        "type": "Text",
                                        "x": 947,
                                        "y": 742,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "text": "Product name 1"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "c31928b7-ce1f-5f7e-1955-a35acc42fe22",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 256,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 12,
                                                "unit": "px"
                                            },
                                            "sizeMode": "contentSize",
                                            "text": "Product name 2"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "f6cf3e7a-6707-382f-929e-6b11b60783bc",
                                "type": "/UI Components/Add To Cart Stepper",
                                "x": 1882.4262203649541,
                                "y": 1452.0911848341766,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            }
                        ]
                    },
                    {
                        "id": "3dda685a-6f71-4e17-0cf6-cd9294d74059",
                        "type": "/Components/Price Format",
                        "x": 681.6985235972938,
                        "y": 724.1814054776628,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9b45a180-eead-2223-93b7-ded0c17095e2",
                        "type": "Model",
                        "x": 514.6985235972938,
                        "y": 609.1814054776628,
                        "parameters": {
                            "properties": "price,itemId"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "itemId",
                                "index": 7
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "e5dd1845-2854-beaa-837b-e788fb75d96f",
                        "type": "Model",
                        "x": 646.6985235972938,
                        "y": 481.1814054776628,
                        "parameters": {
                            "properties": "price"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "*",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "input/output",
                                "group": "Properties",
                                "name": "price",
                                "index": 6
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "f5d93cca-2b33-2c58-d093-36f21de14cc2",
                        "type": "Event Sender",
                        "x": 1176.3931013945348,
                        "y": 661.5144707564955,
                        "parameters": {
                            "channelName": "Show Product Details"
                        },
                        "ports": [
                            {
                                "name": "itemId",
                                "plug": "input",
                                "type": {
                                    "name": "*",
                                    "allowConnectionOnly": true
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2e6c69b5-30d2-1946-3d41-caadc4c6b3f0",
                        "type": "/Components/Has Variants",
                        "x": 338.5744186046604,
                        "y": 764.8478040898287,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "a508bade-d6c5-de51-2425-848ff67a01d0",
                        "type": "Inverter",
                        "x": 627.5744186046604,
                        "y": 901.8478040898287,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Checkout/Status/Pickup instructions card",
            "graph": {
                "connections": [
                    {
                        "fromId": "d564a5cd-35f7-77e0-2829-74c9e40a5b3b",
                        "fromProperty": "onClick",
                        "toId": "b41b354e-0515-9e83-1014-378d4207ec12",
                        "toProperty": "toggle"
                    },
                    {
                        "fromId": "b41b354e-0515-9e83-1014-378d4207ec12",
                        "fromProperty": "icon rotation",
                        "toId": "5d99c648-2bc9-58f3-5710-49ec74792d96",
                        "toProperty": "transformRotation"
                    },
                    {
                        "fromId": "b41b354e-0515-9e83-1014-378d4207ec12",
                        "fromProperty": "content height",
                        "toId": "8a203f1c-de8a-29be-9740-92ff57086600",
                        "toProperty": "height"
                    },
                    {
                        "fromId": "5a6f7ce0-501d-f3f6-bcf2-8ad3ec77614e",
                        "fromProperty": "mounted",
                        "toId": "b3479ee4-aaa7-fce1-8cc1-e9cc7cf969e0",
                        "toProperty": "mounted"
                    }
                ],
                "roots": [
                    {
                        "id": "b3479ee4-aaa7-fce1-8cc1-e9cc7cf969e0",
                        "type": "Group",
                        "label": "Pickup instructions",
                        "x": 319,
                        "y": 350,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "0ea6dda1-8ebb-6432-e8fc-d25fc164dbec",
                                "type": "/UI Components/Design System/Divider",
                                "x": 1038.3412784658728,
                                "y": 2196.72380210713,
                                "parameters": {},
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "d564a5cd-35f7-77e0-2829-74c9e40a5b3b",
                                "type": "Group",
                                "label": "Title",
                                "x": 1038.3412784658728,
                                "y": 2242.72380210713,
                                "parameters": {
                                    "flexDirection": "row"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "bd56ebb5-dd2e-3094-4cb3-e9ea9b7769b6",
                                        "type": "Text",
                                        "x": 1058.3412784658728,
                                        "y": 2339.72380210713,
                                        "parameters": {
                                            "text": "Pickup instructions",
                                            "fontFamily": "fonts/Bogle-Bold.otf",
                                            "fontSize": {
                                                "value": 16,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "5d99c648-2bc9-58f3-5710-49ec74792d96",
                                        "type": "Image",
                                        "x": 1058.3412784658728,
                                        "y": 2385.72380210713,
                                        "parameters": {
                                            "src": "icons/down_arrow.svg",
                                            "alignY": "center"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "8a203f1c-de8a-29be-9740-92ff57086600",
                                "type": "Group",
                                "label": "content",
                                "x": 1038.3412784658728,
                                "y": 2467.72380210713,
                                "parameters": {
                                    "marginTop": {
                                        "value": 16,
                                        "unit": "px"
                                    },
                                    "height": {
                                        "value": 100,
                                        "unit": "px"
                                    },
                                    "clip": true
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "d224d53c-6ab7-27ed-d1f0-f459270cceec",
                                        "type": "Text",
                                        "x": 1058.3412784658728,
                                        "y": 2564.72380210713,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "text": "1. The \"swift chariots\" were lightly built and, according to Chang Yu."
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "1c2bd9e8-8f03-c94f-9463-fe3513d9c2a2",
                                        "type": "Text",
                                        "x": 20,
                                        "y": 92,
                                        "parameters": {
                                            "fontFamily": "fonts/Bogle-Regular.otf",
                                            "fontSize": {
                                                "value": 14,
                                                "unit": "px"
                                            },
                                            "text": "2. Used for the attack; the \"heavy chariots\" were heavier, and designed for purposes of defense. Li Ch`uan.",
                                            "marginTop": {
                                                "value": 6,
                                                "unit": "px"
                                            }
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "b41b354e-0515-9e83-1014-378d4207ec12",
                        "type": "States",
                        "x": 638.5344770208749,
                        "y": 463.6400297393943,
                        "parameters": {
                            "states": "collapsed,showing",
                            "values": "icon rotation,content height",
                            "value-collapsed-icon rotation": 0,
                            "value-showing-icon rotation": 180,
                            "value-collapsed-content height": 0,
                            "value-showing-content height": 100
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "icon rotation",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "content height",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "collapsed Values",
                                "name": "value-collapsed-icon rotation",
                                "displayName": "icon rotation",
                                "editorName": "collapsed|icon rotation",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "collapsed Values",
                                "name": "value-collapsed-content height",
                                "displayName": "content height",
                                "editorName": "collapsed|content height",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "collapsed Transition",
                                "name": "transition-collapsed",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "collapsed Transition",
                                "name": "duration-collapsed",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To collapsed",
                                "name": "to-collapsed",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At collapsed",
                                "name": "at-collapsed",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached collapsed",
                                "name": "reached-collapsed",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "showing Values",
                                "name": "value-showing-icon rotation",
                                "displayName": "icon rotation",
                                "editorName": "showing|icon rotation",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "showing Values",
                                "name": "value-showing-content height",
                                "displayName": "content height",
                                "editorName": "showing|content height",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "showing Transition",
                                "name": "transition-showing",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "showing Transition",
                                "name": "duration-showing",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To showing",
                                "name": "to-showing",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At showing",
                                "name": "at-showing",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached showing",
                                "name": "reached-showing",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "collapsed",
                                        "showing"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "collapsed",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "5a6f7ce0-501d-f3f6-bcf2-8ad3ec77614e",
                        "type": "Component Inputs",
                        "x": 278,
                        "y": 235,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "mounted",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/UI Layers/Cart Layer",
            "graph": {
                "connections": [
                    {
                        "fromId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "fromProperty": "Black Overlay Opacity",
                        "toId": "99768830-65a1-7a39-30d4-b1f45c9c52b7",
                        "toProperty": "opacity"
                    },
                    {
                        "fromId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "fromProperty": "Pos Y",
                        "toId": "90ebe7d9-b353-6a22-4dd1-fd53141990b1",
                        "toProperty": "transformY"
                    },
                    {
                        "fromId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "fromProperty": "Pos Y",
                        "toId": "50816e5e-941e-1037-965b-057de2a356b4",
                        "toProperty": "y"
                    },
                    {
                        "fromId": "50816e5e-941e-1037-965b-057de2a356b4",
                        "fromProperty": "result",
                        "toId": "a19ff23a-194c-374a-2bef-4fe51988abc2",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "d49daf8e-951c-fc6b-2b8c-d75397128bc4",
                        "fromProperty": "To Cart",
                        "toId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "toProperty": "to-Showing"
                    },
                    {
                        "fromId": "65a9af8d-b818-5636-848a-fcd6d9c4094e",
                        "fromProperty": "To Checkout",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Review Order"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Review Order",
                        "toId": "51ba6087-a9a9-d0f8-b2f2-e1c8db725443",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Review Order",
                        "toId": "ce274716-012d-36ae-f2a9-95ed3e4ea547",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Order Details",
                        "toId": "9fa1b4a2-2003-26f6-1b70-251a4b6827fb",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Order Details",
                        "toId": "9531b886-7991-b46d-860e-8324da347d6f",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "9531b886-7991-b46d-860e-8324da347d6f",
                        "fromProperty": "result",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Review Order"
                    },
                    {
                        "fromId": "d49daf8e-951c-fc6b-2b8c-d75397128bc4",
                        "fromProperty": "To Cart",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Cart"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "currentState",
                        "toId": "635d85b1-9f6b-eeac-7e7f-5b120dc6d1dc",
                        "toProperty": "Title"
                    },
                    {
                        "fromId": "635d85b1-9f6b-eeac-7e7f-5b120dc6d1dc",
                        "fromProperty": "Back",
                        "toId": "9531b886-7991-b46d-860e-8324da347d6f",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "e6848b26-3c0a-2f1a-74f6-c56a883bdc5f",
                        "fromProperty": "eventReceived",
                        "toId": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                        "toProperty": "show"
                    },
                    {
                        "fromId": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                        "fromProperty": "To Order Details",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Order Details"
                    },
                    {
                        "fromId": "ce274716-012d-36ae-f2a9-95ed3e4ea547",
                        "fromProperty": "result",
                        "toId": "51ba6087-a9a9-d0f8-b2f2-e1c8db725443",
                        "toProperty": "To Right"
                    },
                    {
                        "fromId": "635d85b1-9f6b-eeac-7e7f-5b120dc6d1dc",
                        "fromProperty": "Back",
                        "toId": "ce274716-012d-36ae-f2a9-95ed3e4ea547",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Cart",
                        "toId": "38f3d607-f3fa-221e-12f1-858a3ab96433",
                        "toProperty": "atCart"
                    },
                    {
                        "fromId": "635d85b1-9f6b-eeac-7e7f-5b120dc6d1dc",
                        "fromProperty": "Back",
                        "toId": "38f3d607-f3fa-221e-12f1-858a3ab96433",
                        "toProperty": "back"
                    },
                    {
                        "fromId": "38f3d607-f3fa-221e-12f1-858a3ab96433",
                        "fromProperty": "result",
                        "toId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "currentState",
                        "toId": "c2cd5b3e-d638-f558-a11a-2897e5e934a1",
                        "toProperty": "value"
                    },
                    {
                        "fromId": "ce274716-012d-36ae-f2a9-95ed3e4ea547",
                        "fromProperty": "result",
                        "toId": "2b41950c-a85f-29c2-dd37-2e7adbdbde8e",
                        "toProperty": "start"
                    },
                    {
                        "fromId": "2b41950c-a85f-29c2-dd37-2e7adbdbde8e",
                        "fromProperty": "timerFinished",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Cart"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Cart",
                        "toId": "635d85b1-9f6b-eeac-7e7f-5b120dc6d1dc",
                        "toProperty": "Down Arrrow"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Cart",
                        "toId": "65a9af8d-b818-5636-848a-fcd6d9c4094e",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "d49daf8e-951c-fc6b-2b8c-d75397128bc4",
                        "fromProperty": "To Cart",
                        "toId": "65a9af8d-b818-5636-848a-fcd6d9c4094e",
                        "toProperty": "Show"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Cart",
                        "toId": "6574b302-1c1a-611a-f36b-321fa5b08759",
                        "toProperty": "input 0"
                    },
                    {
                        "fromId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "fromProperty": "at-Showing",
                        "toId": "6574b302-1c1a-611a-f36b-321fa5b08759",
                        "toProperty": "input 1"
                    },
                    {
                        "fromId": "6574b302-1c1a-611a-f36b-321fa5b08759",
                        "fromProperty": "result",
                        "toId": "8a8602b9-58eb-0a9e-a7af-1922c58fc3e7",
                        "toProperty": "Cart Showing"
                    },
                    {
                        "fromId": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                        "fromProperty": "Close Popup",
                        "toId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "toProperty": "to-Hidden"
                    },
                    {
                        "fromId": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                        "fromProperty": "Close Popup",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Cart"
                    },
                    {
                        "fromId": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                        "fromProperty": "Close Popup",
                        "toId": "51ba6087-a9a9-d0f8-b2f2-e1c8db725443",
                        "toProperty": "To Right"
                    },
                    {
                        "fromId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "fromProperty": "at-Showing",
                        "toId": "8a8602b9-58eb-0a9e-a7af-1922c58fc3e7",
                        "toProperty": "Showing"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Order Details",
                        "toId": "635d85b1-9f6b-eeac-7e7f-5b120dc6d1dc",
                        "toProperty": "Down Arrrow"
                    },
                    {
                        "fromId": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                        "fromProperty": "Close Popup",
                        "toId": "e1370551-ff58-7f2d-ac3d-810de44cb828",
                        "toProperty": "sendEvent"
                    },
                    {
                        "fromId": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                        "fromProperty": "Close Popup",
                        "toId": "88fa7087-df0a-3829-0ad2-eaa450b652c5",
                        "toProperty": "restart"
                    },
                    {
                        "fromId": "88fa7087-df0a-3829-0ad2-eaa450b652c5",
                        "fromProperty": "timerFinished",
                        "toId": "52a394ce-bff4-7f6f-5316-ab329e378299",
                        "toProperty": "Send"
                    },
                    {
                        "fromId": "61de79f4-f133-3993-1315-0c18cb85586d",
                        "fromProperty": "Back",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Review Order"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Review Order",
                        "toId": "9fa1b4a2-2003-26f6-1b70-251a4b6827fb",
                        "toProperty": "hide"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Order Details",
                        "toId": "704ac86b-586d-f768-8db2-7fb979eab749",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "fromProperty": "at-Showing",
                        "toId": "64a281f9-b8be-719c-4a6b-1023f4ef4b04",
                        "toProperty": "on"
                    },
                    {
                        "fromId": "64a281f9-b8be-719c-4a6b-1023f4ef4b04",
                        "fromProperty": "state",
                        "toId": "cdbf7c82-3182-0049-167a-f0178d6bcd49",
                        "toProperty": "mounted"
                    },
                    {
                        "fromId": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "fromProperty": "reached-Hidden",
                        "toId": "64a281f9-b8be-719c-4a6b-1023f4ef4b04",
                        "toProperty": "off"
                    },
                    {
                        "fromId": "b03f3801-7d41-bcdc-8e59-7c7a048de1d0",
                        "fromProperty": "LatestOrderId",
                        "toId": "9fa1b4a2-2003-26f6-1b70-251a4b6827fb",
                        "toProperty": "Order Id"
                    },
                    {
                        "fromId": "51ba6087-a9a9-d0f8-b2f2-e1c8db725443",
                        "fromProperty": "Show Place Order Page",
                        "toId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "toProperty": "to-Order Status"
                    },
                    {
                        "fromId": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "fromProperty": "at-Order Status",
                        "toId": "12ffb748-09de-02d3-65d7-794572f25d3e",
                        "toProperty": "Show"
                    }
                ],
                "roots": [
                    {
                        "id": "a19ff23a-194c-374a-2bef-4fe51988abc2",
                        "type": "Group",
                        "x": 484,
                        "y": 366.1310019333287,
                        "parameters": {
                            "position": "absolute",
                            "blockTouch": false,
                            "pointerEventsEnabled": true
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": [
                            {
                                "id": "99768830-65a1-7a39-30d4-b1f45c9c52b7",
                                "type": "Group",
                                "label": "Black Overlay",
                                "x": 504,
                                "y": 448.1310019333287,
                                "parameters": {
                                    "pointerEventsMode": "explicit",
                                    "pointerEventsEnabled": false,
                                    "backgroundColor": "#000000",
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": []
                            },
                            {
                                "id": "90ebe7d9-b353-6a22-4dd1-fd53141990b1",
                                "type": "Group",
                                "x": 20,
                                "y": 179,
                                "parameters": {
                                    "position": "absolute",
                                    "transformY": {
                                        "value": 0,
                                        "unit": "%"
                                    },
                                    "backgroundColor": "#ffffff"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "635d85b1-9f6b-eeac-7e7f-5b120dc6d1dc",
                                        "type": "/UI Components/Standard Header",
                                        "x": 20,
                                        "y": 82,
                                        "parameters": {
                                            "Down Arrrow": true
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "cdbf7c82-3182-0049-167a-f0178d6bcd49",
                                        "type": "Group",
                                        "x": 524,
                                        "y": 749.1310019333287,
                                        "parameters": {
                                            "style": "{\n}"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "65a9af8d-b818-5636-848a-fcd6d9c4094e",
                                                "type": "/Cart/Cart Page",
                                                "x": 20,
                                                "y": 82,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            },
                                            {
                                                "id": "51ba6087-a9a9-d0f8-b2f2-e1c8db725443",
                                                "type": "/Checkout/Review Order Page",
                                                "x": 20,
                                                "y": 184,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    },
                                    {
                                        "id": "7c947453-6fc1-1bcc-facc-59fe28c93a28",
                                        "type": "/Checkout/Status/Order Status popup",
                                        "x": 20,
                                        "y": 510,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    }
                                ]
                            },
                            {
                                "id": "704ac86b-586d-f768-8db2-7fb979eab749",
                                "type": "Group",
                                "x": 20,
                                "y": 811,
                                "parameters": {
                                    "position": "absolute"
                                },
                                "ports": [],
                                "dynamicports": [],
                                "children": [
                                    {
                                        "id": "61de79f4-f133-3993-1315-0c18cb85586d",
                                        "type": "/UI Components/Standard Header",
                                        "x": 20,
                                        "y": 46,
                                        "parameters": {
                                            "Down Arrrow": true,
                                            "Title": "Order Details"
                                        },
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": []
                                    },
                                    {
                                        "id": "cc8d5d48-e3ec-c167-9105-353c035608e3",
                                        "type": "Group",
                                        "x": 543.5426554831386,
                                        "y": 1207.137728612985,
                                        "parameters": {},
                                        "ports": [],
                                        "dynamicports": [],
                                        "children": [
                                            {
                                                "id": "9fa1b4a2-2003-26f6-1b70-251a4b6827fb",
                                                "type": "/Checkout/Order Details Page",
                                                "x": 20,
                                                "y": 46,
                                                "parameters": {},
                                                "ports": [],
                                                "dynamicports": [],
                                                "children": []
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "id": "cf4ca09c-830b-e51e-d47e-8a5f1eb48d41",
                        "type": "States",
                        "x": 47,
                        "y": 389,
                        "parameters": {
                            "states": "Hidden,Showing",
                            "values": "Pos Y,Black Overlay Opacity",
                            "value-Hidden-Pos Y": 100,
                            "value-Hidden-Black Overlay Opacity": 0,
                            "value-Showing-Pos Y": 0,
                            "value-Showing-Black Overlay Opacity": 0.5,
                            "startState": "Hidden",
                            "duration-Hidden": 500,
                            "duration-Showing": 500
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Pos Y",
                                "index": 6
                            },
                            {
                                "type": {
                                    "name": "number",
                                    "allowConnectionsOnly": true
                                },
                                "plug": "output",
                                "group": "Values",
                                "name": "Black Overlay Opacity",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "Hidden|Pos Y",
                                "index": 8
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Hidden Values",
                                "name": "value-Hidden-Black Overlay Opacity",
                                "displayName": "Black Overlay Opacity",
                                "editorName": "Hidden|Black Overlay Opacity",
                                "index": 9
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Hidden Transition",
                                "name": "transition-Hidden",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Hidden Transition",
                                "name": "duration-Hidden",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Hidden",
                                "name": "to-Hidden",
                                "group": "Go to state",
                                "index": 12
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Hidden",
                                "name": "at-Hidden",
                                "group": "Current state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Hidden",
                                "name": "reached-Hidden",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Pos Y",
                                "displayName": "Pos Y",
                                "editorName": "Showing|Pos Y",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "group": "Showing Values",
                                "name": "value-Showing-Black Overlay Opacity",
                                "displayName": "Black Overlay Opacity",
                                "editorName": "Showing|Black Overlay Opacity",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Showing Transition",
                                "name": "transition-Showing",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Showing Transition",
                                "name": "duration-Showing",
                                "index": 18
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Showing",
                                "name": "to-Showing",
                                "group": "Go to state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Showing",
                                "name": "at-Showing",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Showing",
                                "name": "reached-Showing",
                                "group": "Current state",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Hidden",
                                        "Showing"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Hidden",
                                "index": 22
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "50816e5e-941e-1037-965b-057de2a356b4",
                        "type": "Expression",
                        "x": 289,
                        "y": 317,
                        "parameters": {
                            "expression": "y < 100"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "y",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "d49daf8e-951c-fc6b-2b8c-d75397128bc4",
                        "type": "Component Inputs",
                        "x": -431.25531836785825,
                        "y": 727.5527965932644,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "To Cart",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "c9e1f731-e420-26bf-da58-5e1d95fa41a4",
                        "type": "States",
                        "x": -50.9203624354615,
                        "y": 925.2190608870985,
                        "parameters": {
                            "states": "Cart,Review Order,Order Details,Order Status",
                            "duration-Home": 0,
                            "duration-Cart": 0,
                            "duration-Review Order": 0,
                            "duration-Order Details": 0
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Cart Transition",
                                "name": "transition-Cart",
                                "index": 6
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Cart Transition",
                                "name": "duration-Cart",
                                "index": 7
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Cart",
                                "name": "to-Cart",
                                "group": "Go to state",
                                "index": 8
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Cart",
                                "name": "at-Cart",
                                "group": "Current state",
                                "index": 9
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Cart",
                                "name": "reached-Cart",
                                "group": "Current state",
                                "index": 10
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Review Order Transition",
                                "name": "transition-Review Order",
                                "index": 11
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Review Order Transition",
                                "name": "duration-Review Order",
                                "index": 12
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Review Order",
                                "name": "to-Review Order",
                                "group": "Go to state",
                                "index": 13
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Review Order",
                                "name": "at-Review Order",
                                "group": "Current state",
                                "index": 14
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Review Order",
                                "name": "reached-Review Order",
                                "group": "Current state",
                                "index": 15
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Order Details Transition",
                                "name": "transition-Order Details",
                                "index": 16
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Order Details Transition",
                                "name": "duration-Order Details",
                                "index": 17
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Order Details",
                                "name": "to-Order Details",
                                "group": "Go to state",
                                "index": 18
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Order Details",
                                "name": "at-Order Details",
                                "group": "Current state",
                                "index": 19
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Order Details",
                                "name": "reached-Order Details",
                                "group": "Current state",
                                "index": 20
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        {
                                            "value": "easeOut",
                                            "label": "Ease Out"
                                        },
                                        {
                                            "value": "easeIn",
                                            "label": "Ease In"
                                        },
                                        {
                                            "value": "linear",
                                            "label": "Linear"
                                        },
                                        {
                                            "value": "easeInOut",
                                            "label": "Ease In Out"
                                        },
                                        {
                                            "value": "cubicBezier",
                                            "label": "Cubic Bezier"
                                        }
                                    ]
                                },
                                "default": "easeOut",
                                "displayName": "Easing Curve",
                                "group": "Order Status Transition",
                                "name": "transition-Order Status",
                                "index": 21
                            },
                            {
                                "plug": "input",
                                "type": "number",
                                "default": 300,
                                "displayName": "Duration",
                                "group": "Order Status Transition",
                                "name": "duration-Order Status",
                                "index": 22
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "boolean",
                                    "allowConnectionsOnly": true
                                },
                                "displayName": "To Order Status",
                                "name": "to-Order Status",
                                "group": "Go to state",
                                "index": 23
                            },
                            {
                                "plug": "output",
                                "type": "boolean",
                                "displayName": "At Order Status",
                                "name": "at-Order Status",
                                "group": "Current state",
                                "index": 24
                            },
                            {
                                "plug": "output",
                                "type": "signal",
                                "displayName": "Has Reached Order Status",
                                "name": "reached-Order Status",
                                "group": "Current state",
                                "index": 25
                            },
                            {
                                "plug": "input",
                                "type": {
                                    "name": "enum",
                                    "enums": [
                                        "Cart",
                                        "Review Order",
                                        "Order Details",
                                        "Order Status"
                                    ]
                                },
                                "group": "States",
                                "displayName": "Start at",
                                "name": "startState",
                                "default": "Cart",
                                "index": 26
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "ce274716-012d-36ae-f2a9-95ed3e4ea547",
                        "type": "And",
                        "label": "Back From Review",
                        "x": 187.1475964801332,
                        "y": 762.3553587507818,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "9531b886-7991-b46d-860e-8324da347d6f",
                        "type": "And",
                        "label": "Back From Order Details",
                        "x": 240.90302270378845,
                        "y": 904.1754273193587,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e6848b26-3c0a-2f1a-74f6-c56a883bdc5f",
                        "type": "Event Receiver",
                        "x": 803.6338011195512,
                        "y": 1032.6641472125666,
                        "parameters": {
                            "channelName": "Show Place Order Popup"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "38f3d607-f3fa-221e-12f1-858a3ab96433",
                        "type": "Expression",
                        "x": 100.67183735897447,
                        "y": 610.9608774275539,
                        "parameters": {
                            "expression": "atCart && back"
                        },
                        "ports": [],
                        "dynamicports": [
                            {
                                "name": "atCart",
                                "type": "number",
                                "plug": "input",
                                "index": 2
                            },
                            {
                                "name": "back",
                                "type": "number",
                                "plug": "input",
                                "index": 3
                            }
                        ],
                        "children": []
                    },
                    {
                        "id": "c2cd5b3e-d638-f558-a11a-2897e5e934a1",
                        "type": "String",
                        "x": -488.06888111527167,
                        "y": 1053.1560500146165,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "2b41950c-a85f-29c2-dd37-2e7adbdbde8e",
                        "type": "Timer",
                        "x": -28.549593049297926,
                        "y": 814.1643748138356,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "8a8602b9-58eb-0a9e-a7af-1922c58fc3e7",
                        "type": "Component Outputs",
                        "x": -369.28751779432173,
                        "y": 329.049269383574,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Cart Showing",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "Showing",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "index": 2
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "6574b302-1c1a-611a-f36b-321fa5b08759",
                        "type": "And",
                        "x": -374.61010074092644,
                        "y": 447.5994576729591,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "52a394ce-bff4-7f6f-5316-ab329e378299",
                        "type": "/UI Components/Select Tab",
                        "x": -219.60458318782838,
                        "y": 1235.0962572548613,
                        "parameters": {
                            "Tab Id": "shop"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "e1370551-ff58-7f2d-ac3d-810de44cb828",
                        "type": "Event Sender",
                        "x": 167.54265548313856,
                        "y": 1326.137728612985,
                        "parameters": {
                            "channelName": "clear search"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "88fa7087-df0a-3829-0ad2-eaa450b652c5",
                        "type": "Timer",
                        "x": 25.54265548313856,
                        "y": 1235.137728612985,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "64a281f9-b8be-719c-4a6b-1023f4ef4b04",
                        "type": "Switch",
                        "x": 876.8215757461099,
                        "y": 681.8374710306105,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "b03f3801-7d41-bcdc-8e59-7c7a048de1d0",
                        "type": "Globals",
                        "x": 177,
                        "y": 1469.6310019333287,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "LatestDeliveryId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestShippingId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            },
                            {
                                "name": "LatestOrderId",
                                "plug": "input/output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 1
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "12ffb748-09de-02d3-65d7-794572f25d3e",
                        "type": "/Checkout/Order Status Page (new)",
                        "x": 806,
                        "y": 1242.1310019333287,
                        "parameters": {},
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        },
        {
            "name": "/Home/Start my cart card",
            "graph": {
                "connections": [],
                "roots": []
            }
        },
        {
            "name": "/UI Components/Design System/Link Text",
            "graph": {
                "connections": [
                    {
                        "fromId": "92eed6cd-682f-a07e-e791-f242719ef9c2",
                        "fromProperty": "Label",
                        "toId": "835d99fb-f116-55cf-291a-5b1dbb53bf48",
                        "toProperty": "text"
                    },
                    {
                        "fromId": "92eed6cd-682f-a07e-e791-f242719ef9c2",
                        "fromProperty": "Position",
                        "toId": "835d99fb-f116-55cf-291a-5b1dbb53bf48",
                        "toProperty": "position"
                    },
                    {
                        "fromId": "92eed6cd-682f-a07e-e791-f242719ef9c2",
                        "fromProperty": "Align X",
                        "toId": "835d99fb-f116-55cf-291a-5b1dbb53bf48",
                        "toProperty": "alignX"
                    },
                    {
                        "fromId": "92eed6cd-682f-a07e-e791-f242719ef9c2",
                        "fromProperty": "Align Y",
                        "toId": "835d99fb-f116-55cf-291a-5b1dbb53bf48",
                        "toProperty": "alignY"
                    },
                    {
                        "fromId": "92eed6cd-682f-a07e-e791-f242719ef9c2",
                        "fromProperty": "Margin Right",
                        "toId": "835d99fb-f116-55cf-291a-5b1dbb53bf48",
                        "toProperty": "marginRight"
                    },
                    {
                        "fromId": "835d99fb-f116-55cf-291a-5b1dbb53bf48",
                        "fromProperty": "onClick",
                        "toId": "cb0fba0c-9f98-d828-c509-8f2f13afa103",
                        "toProperty": "Click"
                    }
                ],
                "roots": [
                    {
                        "id": "835d99fb-f116-55cf-291a-5b1dbb53bf48",
                        "type": "Text",
                        "x": 726,
                        "y": 669,
                        "parameters": {
                            "fontFamily": "fonts/Bogle-Regular.otf",
                            "fontSize": {
                                "value": 14,
                                "unit": "px"
                            },
                            "style": "{\n    textDecoration:'underline'\n}",
                            "text": "Link",
                            "sizeMode": "contentSize"
                        },
                        "ports": [],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "92eed6cd-682f-a07e-e791-f242719ef9c2",
                        "type": "Component Inputs",
                        "x": 379,
                        "y": 623,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Label",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "index": 0
                            },
                            {
                                "name": "Align X",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 1
                            },
                            {
                                "name": "Align Y",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 2
                            },
                            {
                                "name": "Position",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Alignment",
                                "index": 3
                            },
                            {
                                "name": "Margin Right",
                                "plug": "output",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Margin and padding",
                                "index": 4
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    },
                    {
                        "id": "cb0fba0c-9f98-d828-c509-8f2f13afa103",
                        "type": "Component Outputs",
                        "x": 858,
                        "y": 450,
                        "parameters": {},
                        "ports": [
                            {
                                "name": "Click",
                                "plug": "input",
                                "type": {
                                    "name": "*"
                                },
                                "group": "Pointer Events",
                                "index": 0
                            }
                        ],
                        "dynamicports": [],
                        "children": []
                    }
                ]
            }
        }
    ],
    "settings": {},
    "rootNodeId": "28f73169-17be-140e-58cc-e1b882f4fe13",
    "version": "1",
    "metadata": {
        "deviceSettings": {
            "deviceTypes": [
                {
                    "name": "Web",
                    "desc": "This is the default device that can be used to view the app from a browser.",
                    "rootComponentPath": "/Main",
                    "type": "Browser"
                }
            ]
        }
    }
}