{ "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 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>/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 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": "