-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproject 2.json
More file actions
1 lines (1 loc) · 83.7 KB
/
project 2.json
File metadata and controls
1 lines (1 loc) · 83.7 KB
1
{"name":"PocketBase Prefab","components":[{"name":"/#Global logic components/n8n/n8n core component","id":"903a5a26-c67d-bdab-860b-a18bd4f0711b","graph":{"connections":[{"fromId":"854ebec2-07a6-0f18-c20c-a5a1cafd41d4","fromProperty":"state","toId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","toProperty":"in-testWebhook"},{"fromId":"1637fac4-7ec2-bdeb-d60d-c0939db693ef","fromProperty":"savedValue","toId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","toProperty":"in-n8nRoot"},{"fromId":"755764a7-6a1c-6084-e2aa-76ce1f7e4570","fromProperty":"savedValue","toId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","toProperty":"in-webhookId"},{"fromId":"10c86575-a860-6432-df88-99aa874c6219","fromProperty":"inputObject","toId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","toProperty":"in-inputObject"},{"fromId":"10c86575-a860-6432-df88-99aa874c6219","fromProperty":"Run","toId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","toProperty":"run"},{"fromId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","fromProperty":"out-Success","toId":"d708a048-8463-304b-7141-054292416258","toProperty":"Success"},{"fromId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","fromProperty":"out-Failure","toId":"d708a048-8463-304b-7141-054292416258","toProperty":"Failed"},{"fromId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","fromProperty":"out-ResponseData","toId":"d708a048-8463-304b-7141-054292416258","toProperty":"response"},{"fromId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","fromProperty":"out-error","toId":"d708a048-8463-304b-7141-054292416258","toProperty":"error"},{"fromId":"10c86575-a860-6432-df88-99aa874c6219","fromProperty":"test webhook","toId":"854ebec2-07a6-0f18-c20c-a5a1cafd41d4","toProperty":"onFromStart"},{"fromId":"10c86575-a860-6432-df88-99aa874c6219","fromProperty":"n8n root domain","toId":"1637fac4-7ec2-bdeb-d60d-c0939db693ef","toProperty":"value"},{"fromId":"10c86575-a860-6432-df88-99aa874c6219","fromProperty":"n8n webhook id","toId":"755764a7-6a1c-6084-e2aa-76ce1f7e4570","toProperty":"value"},{"fromId":"fccd1e36-2222-3253-b8bf-83c073e53e37","fromProperty":"currentState","toId":"88528657-a589-6f5f-bb00-0a9efe5af1fd","toProperty":"in-queryType"},{"fromId":"10c86575-a860-6432-df88-99aa874c6219","fromProperty":"query type","toId":"fccd1e36-2222-3253-b8bf-83c073e53e37","toProperty":"currentState"}],"roots":[{"id":"88528657-a589-6f5f-bb00-0a9efe5af1fd","type":"JavaScriptFunction","label":"Fetch Data from n8n Endpoint","x":0,"y":0,"parameters":{"functionScript":"const input = Noodl.Objects[Inputs.inputObject] || {};\nconst webhookId = Inputs.webhookId;\nconst urlPath = Inputs.testWebhook ? \"webhook-test\" : \"webhook\";\nconst n8nRoot = Inputs.n8nRoot;\nconst queryType = Inputs.queryType || \"POST\";\n\nconst url = `${n8nRoot}/${urlPath}/${webhookId}`;\n\nconsole.log(\"n8n url = \",url)\n\ntry {\n const response = await fetch(url, {\n method: queryType,\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(input) // Send input as JSON in the body\n });\n\n // Check for response.ok to handle non-JSON responses or errors\n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n\n const data = await response.json();\n\n Outputs.rawJsonResponse = data;\n\n if (data.code === 200 || !data.code) {\n Outputs.ResponseData = data;\n Outputs.Success();\n } else {\n Outputs.error = data.response ? data.response : 'Unknown error';\n Outputs.Failure();\n }\n \n} catch (error) {\n Outputs.error = error.message || error; // Handle and output error message\n Outputs.Failure();\n}\n"},"ports":[],"dynamicports":[{"name":"in-inputObject","displayName":"inputObject","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-webhookId","displayName":"webhookId","plug":"input","type":"*","group":"Inputs","index":5},{"name":"in-testWebhook","displayName":"testWebhook","plug":"input","type":"*","group":"Inputs","index":6},{"name":"in-n8nRoot","displayName":"n8nRoot","plug":"input","type":"*","group":"Inputs","index":7},{"name":"in-queryType","displayName":"queryType","plug":"input","type":"*","group":"Inputs","index":8},{"name":"out-Success","displayName":"Success","plug":"output","type":"signal","group":"Outputs","index":9},{"name":"out-Failure","displayName":"Failure","plug":"output","type":"signal","group":"Outputs","index":10},{"name":"out-rawJsonResponse","displayName":"rawJsonResponse","plug":"output","type":"*","group":"Outputs","index":11},{"name":"out-ResponseData","displayName":"ResponseData","plug":"output","type":"*","group":"Outputs","index":12},{"name":"out-error","displayName":"error","plug":"output","type":"*","group":"Outputs","index":13}],"children":[],"metadata":{"prompt":{"history":[{"content":"Call this n8n endpoint with parameters 'email' and 'rootDomain' http://n8n.localhost/webhook-test/fe59eb69-eccf-42f1-90b3-4ffc0c875a5e\n","metadata":{"user":{"name":"Local","id":"local","email":""},"code":"const email = Inputs.Email || '';\nconst rootDomain = Inputs.RootDomain || '';\n\nif (!email || !rootDomain) throw new Error('Missing required parameters');\n\nconst url = `http://n8n.localhost/webhook-test/fe59eb69-eccf-42f1-90b3-4ffc0c875a5e?email=${email}&rootDomain=${rootDomain}`;\n\ntry {\n const response = await fetch(url);\n const data = await response.json();\n Outputs.ResponseData = data;\n Outputs.Success();\n} catch (error) {\n Outputs.error = error;\n Outputs.Failure();\n}\n"},"snowflakeId":"0191dc2847e5-5nhhuu","type":"user"},{"type":"assistant","content":"\nThis function takes <span style=\"color: var(--base-color-yellow-400);\">Inputs.Email</span> and <span style=\"color: var(--base-color-yellow-400);\">Inputs.RootDomain</span> as inputs, constructs a URL with these parameters, and makes a GET request to a specified n8n endpoint. \n\nIf the request is successful, it sends the response data to the <span style=\"color: var(--base-color-yellow-400);\">Outputs.ResponseData</span> output and triggers the <span style=\"color: var(--base-color-yellow-400);\">Outputs.Success</span> signal. \n\nIf the request fails, it sends the error to the <span style=\"color: var(--base-color-yellow-400);\">Outputs.error</span> output and triggers the <span style=\"color: var(--base-color-yellow-400);\">Outputs.Failure</span> signal. \n\nIt's important to note that the function requires both 'Email' and 'RootDomain' to be provided. If either of these inputs is missing, the function will throw an error.\n","snowflakeId":"0191dc287f4d-swv3hr","metadata":{}}],"metadata":{"templateId":"function"}},"AiAssistant":"old","merge":{"soureCodePorts":["functionScript"]}}},{"id":"854ebec2-07a6-0f18-c20c-a5a1cafd41d4","type":"Switch","label":"Test webhook","x":-321,"y":-9,"parameters":{"onFromStart":true},"ports":[],"dynamicports":[],"children":[]},{"id":"1637fac4-7ec2-bdeb-d60d-c0939db693ef","type":"String","label":"n8n root domain","x":-319,"y":119,"parameters":{"value":"http://n8n.localhost"},"ports":[],"dynamicports":[],"children":[]},{"id":"755764a7-6a1c-6084-e2aa-76ce1f7e4570","type":"String","label":"n8n webhook id","x":-324,"y":230,"parameters":{"value":"fe59eb69-eccf-42f1-90b3-4ffc0c875a5e"},"ports":[],"dynamicports":[],"children":[]},{"id":"10c86575-a860-6432-df88-99aa874c6219","type":"Component Inputs","x":-630,"y":45,"parameters":{},"ports":[{"name":"inputObject","plug":"output","type":{"name":"*"},"index":0},{"name":"Run","plug":"output","type":{"name":"*"},"index":1},{"name":"n8n root domain","plug":"output","type":{"name":"*"},"index":2},{"name":"n8n webhook id","plug":"output","type":{"name":"*"},"index":3},{"name":"test webhook","plug":"output","type":{"name":"*"},"index":4},{"name":"query type","plug":"output","type":{"name":"*"},"index":5}],"dynamicports":[],"children":[]},{"id":"d708a048-8463-304b-7141-054292416258","type":"Component Outputs","x":448.70000000000005,"y":98.69999999999999,"parameters":{},"ports":[{"name":"Success","plug":"input","type":{"name":"*"},"index":1},{"name":"Failed","plug":"input","type":{"name":"*"},"index":2},{"name":"response","plug":"input","type":{"name":"*"},"index":3},{"name":"error","plug":"input","type":{"name":"*"},"index":4}],"dynamicports":[],"children":[]},{"id":"fccd1e36-2222-3253-b8bf-83c073e53e37","type":"States","label":"Query types","x":-321.8833333333333,"y":-110.04999999999998,"parameters":{"states":"POST,GET,PUT,PATCH,DELETE,HEAD"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To POST","name":"to-POST","group":"Go to state","index":6},{"plug":"output","type":"boolean","displayName":"At POST","name":"at-POST","group":"Current state","index":7},{"plug":"output","type":"signal","displayName":"Has Reached POST","name":"reached-POST","group":"Current state","index":8},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To GET","name":"to-GET","group":"Go to state","index":9},{"plug":"output","type":"boolean","displayName":"At GET","name":"at-GET","group":"Current state","index":10},{"plug":"output","type":"signal","displayName":"Has Reached GET","name":"reached-GET","group":"Current state","index":11},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To PUT","name":"to-PUT","group":"Go to state","index":12},{"plug":"output","type":"boolean","displayName":"At PUT","name":"at-PUT","group":"Current state","index":13},{"plug":"output","type":"signal","displayName":"Has Reached PUT","name":"reached-PUT","group":"Current state","index":14},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To PATCH","name":"to-PATCH","group":"Go to state","index":15},{"plug":"output","type":"boolean","displayName":"At PATCH","name":"at-PATCH","group":"Current state","index":16},{"plug":"output","type":"signal","displayName":"Has Reached PATCH","name":"reached-PATCH","group":"Current state","index":17},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To DELETE","name":"to-DELETE","group":"Go to state","index":18},{"plug":"output","type":"boolean","displayName":"At DELETE","name":"at-DELETE","group":"Current state","index":19},{"plug":"output","type":"signal","displayName":"Has Reached DELETE","name":"reached-DELETE","group":"Current state","index":20},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To HEAD","name":"to-HEAD","group":"Go to state","index":21},{"plug":"output","type":"boolean","displayName":"At HEAD","name":"at-HEAD","group":"Current state","index":22},{"plug":"output","type":"signal","displayName":"Has Reached HEAD","name":"reached-HEAD","group":"Current state","index":23},{"plug":"input","type":{"name":"enum","enums":["POST","GET","PUT","PATCH","DELETE","HEAD"]},"group":"States","displayName":"State","name":"currentState","default":"POST","index":24}],"children":[]}],"visualRoots":[]}},{"name":"/#Global logic components/n8n/n8n signup","id":"49d9b45a-8c07-e9b3-fe87-1ea445ba42f1","graph":{"connections":[{"fromId":"93455220-bf21-b2bc-0cdd-b34f9c47785b","fromProperty":"id","toId":"a3600ac5-e168-3fb1-123b-5e1e1dc5b800","toProperty":"inputObject"},{"fromId":"93455220-bf21-b2bc-0cdd-b34f9c47785b","fromProperty":"created","toId":"a3600ac5-e168-3fb1-123b-5e1e1dc5b800","toProperty":"Run"},{"fromId":"bbd930c0-1f67-8ab5-c8e7-5321a4a34e5a","fromProperty":"Do","toId":"93455220-bf21-b2bc-0cdd-b34f9c47785b","toProperty":"new"},{"fromId":"a3600ac5-e168-3fb1-123b-5e1e1dc5b800","fromProperty":"Success","toId":"4100e74f-9802-b29e-42b2-0e537f67db1e","toProperty":"Success"},{"fromId":"a3600ac5-e168-3fb1-123b-5e1e1dc5b800","fromProperty":"Failed","toId":"4100e74f-9802-b29e-42b2-0e537f67db1e","toProperty":"Failed"},{"fromId":"a3600ac5-e168-3fb1-123b-5e1e1dc5b800","fromProperty":"response","toId":"4100e74f-9802-b29e-42b2-0e537f67db1e","toProperty":"response"},{"fromId":"a3600ac5-e168-3fb1-123b-5e1e1dc5b800","fromProperty":"error","toId":"4100e74f-9802-b29e-42b2-0e537f67db1e","toProperty":"error"},{"fromId":"bbd930c0-1f67-8ab5-c8e7-5321a4a34e5a","fromProperty":"email","toId":"93455220-bf21-b2bc-0cdd-b34f9c47785b","toProperty":"prop-email"},{"fromId":"bbd930c0-1f67-8ab5-c8e7-5321a4a34e5a","fromProperty":"password","toId":"93455220-bf21-b2bc-0cdd-b34f9c47785b","toProperty":"prop-password"}],"roots":[{"id":"93455220-bf21-b2bc-0cdd-b34f9c47785b","type":"NewModel","label":"Workflow parameters to send","x":200,"y":-43,"parameters":{"type-email":"string","type-rootDomain":"string","properties":"email,password","type-someString":"string","type-someObject":"object","type-someInteger":"number"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"email","name":"prop-email","index":4},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"email","default":"*","name":"type-email","index":5},{"type":{"name":"*"},"plug":"input","group":"Property Values","displayName":"password","name":"prop-password","index":6},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"password","default":"*","name":"type-password","index":7}],"children":[]},{"id":"a3600ac5-e168-3fb1-123b-5e1e1dc5b800","type":"/#Global logic components/n8n/n8n core component","x":546,"y":-36,"parameters":{"n8n root domain":"http://localhost:5678","n8n webhook id":"af49f083-227b-4327-8dcc-c5730c178ace"},"ports":[],"dynamicports":[],"children":[]},{"id":"bbd930c0-1f67-8ab5-c8e7-5321a4a34e5a","type":"Component Inputs","x":-283.9798941710224,"y":-20.61164021150782,"parameters":{},"ports":[{"name":"Do","plug":"output","type":{"name":"*"},"index":1},{"name":"email","plug":"output","type":{"name":"*"},"index":2},{"name":"password","plug":"output","type":{"name":"*"},"index":3}],"dynamicports":[],"children":[]},{"id":"4100e74f-9802-b29e-42b2-0e537f67db1e","type":"Component Outputs","x":893.5,"y":-3.5,"parameters":{},"ports":[{"name":"response","plug":"input","type":{"name":"*"},"index":1},{"name":"error","plug":"input","type":{"name":"*"},"index":2},{"name":"Success","plug":"input","type":{"name":"*"},"index":3},{"name":"Failed","plug":"input","type":{"name":"*"},"index":4}],"dynamicports":[],"children":[]}],"visualRoots":[],"comments":[{"text":"Set this object with the same properties that you want to work with in your n8n workflow.\n\nFor example setting a property 'email' (string) here will be received on the n8n side as ${'Webhook'}.item.json.body.email","width":314,"height":371,"fill":"transparent","x":130,"y":-201,"id":"860d0f64-a34e-eb0e-cae3-4c43686740c6","color":"data"},{"text":"Replace the template input properties with whatever you need for the Create New Object node ahead","width":254,"height":267,"fill":"transparent","x":-291,"y":-113,"id":"12175bf0-eee4-c026-d955-c4ca71134bc1","color":"component"},{"text":"If you want to get error responses using 'Respond to webhook' nodes in n8n, use 'JSON' response type and create an object with 'code': 500 or any integer that's not 200. \n\nIf this core component detects the 'code' property of the response and it's anything other than 200 or undefined, it'll output the Failed signal and error output","width":288,"height":375,"fill":"transparent","x":842,"y":-221,"id":"a868f78a-ff8f-64e6-dd65-df5bbf564ad0","color":"component"},{"text":"Don't forget to set the root domain of your n8n instance, the webhook id to use for this template copy, and whether this is a test workflow run or not. \n\nEdit the 'n8n root domain' String node inside the core component to not have to re-type it every time in the template copy.","width":294,"height":361,"fill":"transparent","x":497,"y":-219,"id":"5f3b0dee-d6da-f049-7719-f7bba5ecb5b0"}]}},{"name":"/#Global logic components/n8n/n8n template","id":"93a84f3f-2053-e236-8429-fa8e877bd23e","graph":{"connections":[{"fromId":"71f6653d-ddca-09d9-e7fc-3e4362038c14","fromProperty":"id","toId":"5206aa16-ea49-a5e2-7f7a-b8a33c643a60","toProperty":"inputObject"},{"fromId":"71f6653d-ddca-09d9-e7fc-3e4362038c14","fromProperty":"created","toId":"5206aa16-ea49-a5e2-7f7a-b8a33c643a60","toProperty":"Run"},{"fromId":"72d2a84c-d3ed-cf18-cf87-d269778bd49c","fromProperty":"Do","toId":"71f6653d-ddca-09d9-e7fc-3e4362038c14","toProperty":"new"},{"fromId":"72d2a84c-d3ed-cf18-cf87-d269778bd49c","fromProperty":"someString","toId":"71f6653d-ddca-09d9-e7fc-3e4362038c14","toProperty":"prop-someString"},{"fromId":"72d2a84c-d3ed-cf18-cf87-d269778bd49c","fromProperty":"someObject","toId":"71f6653d-ddca-09d9-e7fc-3e4362038c14","toProperty":"prop-someObject"},{"fromId":"72d2a84c-d3ed-cf18-cf87-d269778bd49c","fromProperty":"someInteger","toId":"71f6653d-ddca-09d9-e7fc-3e4362038c14","toProperty":"prop-someInteger"},{"fromId":"5206aa16-ea49-a5e2-7f7a-b8a33c643a60","fromProperty":"Success","toId":"07aead52-c02f-b279-eed8-53810966bf7a","toProperty":"Success"},{"fromId":"5206aa16-ea49-a5e2-7f7a-b8a33c643a60","fromProperty":"Failed","toId":"07aead52-c02f-b279-eed8-53810966bf7a","toProperty":"Failed"},{"fromId":"5206aa16-ea49-a5e2-7f7a-b8a33c643a60","fromProperty":"response","toId":"07aead52-c02f-b279-eed8-53810966bf7a","toProperty":"response"},{"fromId":"5206aa16-ea49-a5e2-7f7a-b8a33c643a60","fromProperty":"error","toId":"07aead52-c02f-b279-eed8-53810966bf7a","toProperty":"error"}],"roots":[{"id":"71f6653d-ddca-09d9-e7fc-3e4362038c14","type":"NewModel","label":"Workflow parameters to send","x":200,"y":-43,"parameters":{"type-email":"string","type-rootDomain":"string","properties":"someString,someObject,someInteger","type-someString":"string","type-someObject":"object","type-someInteger":"number"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"someString","name":"prop-someString","index":4},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"someString","default":"*","name":"type-someString","index":5},{"type":{"name":"object"},"plug":"input","group":"Property Values","displayName":"someObject","name":"prop-someObject","index":6},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"someObject","default":"*","name":"type-someObject","index":7},{"type":{"name":"number"},"plug":"input","group":"Property Values","displayName":"someInteger","name":"prop-someInteger","index":8},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"someInteger","default":"*","name":"type-someInteger","index":9}],"children":[]},{"id":"5206aa16-ea49-a5e2-7f7a-b8a33c643a60","type":"/#Global logic components/n8n/n8n core component","x":546,"y":-36,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"72d2a84c-d3ed-cf18-cf87-d269778bd49c","type":"Component Inputs","x":-128,"y":-24,"parameters":{},"ports":[{"name":"Do","plug":"output","type":{"name":"*"},"index":1},{"name":"someString","plug":"output","type":{"name":"*"},"index":2},{"name":"someObject","plug":"output","type":{"name":"*"},"index":3},{"name":"someInteger","plug":"output","type":{"name":"*"},"index":4}],"dynamicports":[],"children":[]},{"id":"07aead52-c02f-b279-eed8-53810966bf7a","type":"Component Outputs","x":893.5,"y":-3.5,"parameters":{},"ports":[{"name":"response","plug":"input","type":{"name":"*"},"index":1},{"name":"error","plug":"input","type":{"name":"*"},"index":2},{"name":"Success","plug":"input","type":{"name":"*"},"index":3},{"name":"Failed","plug":"input","type":{"name":"*"},"index":4}],"dynamicports":[],"children":[]}],"visualRoots":[],"comments":[{"text":"Set this object with the same properties that you want to work with in your n8n workflow.\n\nFor example setting a property 'email' (string) here will be received on the n8n side as ${'Webhook'}.item.json.body.email","width":314,"height":371,"fill":"transparent","x":130,"y":-201,"id":"860d0f64-a34e-eb0e-cae3-4c43686740c6","color":"data"},{"text":"Replace the template input properties with whatever you need for the Create New Object node ahead","width":254,"height":267,"fill":"transparent","x":-183,"y":-111,"id":"12175bf0-eee4-c026-d955-c4ca71134bc1","color":"component"},{"text":"If you want to get error responses using 'Respond to webhook' nodes in n8n, use 'JSON' response type and create an object with 'code': 500 or any integer that's not 200. \n\nIf this core component detects the 'code' property of the response and it's anything other than 200 or undefined, it'll output the Failed signal and error output","width":288,"height":375,"fill":"transparent","x":842,"y":-221,"id":"a868f78a-ff8f-64e6-dd65-df5bbf564ad0","color":"component"},{"text":"Don't forget to set the root domain of your n8n instance, the webhook id to use for this template copy, and whether this is a test workflow run or not. \n\nEdit the 'n8n root domain' String node inside the core component to not have to re-type it every time in the template copy.","width":294,"height":361,"fill":"transparent","x":497,"y":-219,"id":"5f3b0dee-d6da-f049-7719-f7bba5ecb5b0"}]}},{"name":"/App","graph":{"connections":[{"fromId":"246f9453-a119-ac78-171e-3806cf596ecc","fromProperty":"didMount","toId":"b9f08859-ee23-865a-ac4f-24e5d0939d28","toProperty":"run"},{"fromId":"f1d40d94-fef5-7200-56cd-2c08db6fd34c","fromProperty":"isTrueEv","toId":"fd6ced06-2004-c73e-8741-57a7b09c83b6","toProperty":"navigate"},{"fromId":"55ee278b-8b89-6533-35ea-2e1809e2faca","fromProperty":"prop-authenticated","toId":"f1d40d94-fef5-7200-56cd-2c08db6fd34c","toProperty":"authenticated"}],"roots":[{"id":"246f9453-a119-ac78-171e-3806cf596ecc","type":"Group","x":-111.4681915301291,"y":311.4376377651178,"parameters":{"backgroundColor":"#FFFFFF","minHeight":{"value":100,"unit":"vh"}},"ports":[],"dynamicports":[],"children":[{"id":"a24a02ae-c1b8-1250-72c3-a1d48cbc9558","type":"Router","parameters":{"name":"Main","pages":{"routes":["/Home","/Signup"],"startPage":"/Home"}},"ports":[],"dynamicports":[],"children":[]},{"id":"e23790cc-fa6d-9366-7ffd-c8b12decaa55","type":"For Each","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"55ee278b-8b89-6533-35ea-2e1809e2faca","type":"Model2","x":130.03180846987084,"y":296.4376377651178,"parameters":{"modelId":"CurrentUser","properties":"token,authenticated"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-token","displayName":"token","index":7},{"type":"signal","plug":"output","group":"Changed Events","displayName":"token Changed","name":"changed-token","index":8},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-authenticated","displayName":"authenticated","index":9},{"type":"signal","plug":"output","group":"Changed Events","displayName":"authenticated Changed","name":"changed-authenticated","index":10}],"children":[]},{"id":"b9f08859-ee23-865a-ac4f-24e5d0939d28","type":"JavaScriptFunction","label":"Check authstore","x":134.28180846987084,"y":398.4376377651178,"parameters":{"functionScript":"// Check if the user is authenticated\nif (pb.authStore.isValid) {\n Noodl.Objects.CurrentUser.token = pb.authStore.token;\n Noodl.Objects.CurrentUser.authenticated = true;\n} else {\n console.log('User is not authenticated');\n}\n"},"ports":[],"dynamicports":[],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"f1d40d94-fef5-7200-56cd-2c08db6fd34c","type":"Expression","x":381.28180846987084,"y":370.4376377651178,"parameters":{"expression":"authenticated"},"ports":[],"dynamicports":[{"group":"Parameters","name":"authenticated","type":{"name":"*","editAsType":"string"},"plug":"input","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["expression"]}}},{"id":"fd6ced06-2004-c73e-8741-57a7b09c83b6","type":"RouterNavigate","x":595.2818084698708,"y":390.4376377651178,"parameters":{"router":"Main","target":"/Home"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"component","title":"Choose page component","components":["/Home","/Signup"],"allowEditOnly":true},"group":"General","displayName":"Target Page","name":"target","index":3}],"children":[]}],"visualRoots":["246f9453-a119-ac78-171e-3806cf596ecc"]},"metadata":{"canvasSize":{"width":"1039px","height":"751px"},"canvasPos":{"x":0,"y":0}}},{"name":"/Home","id":"69559017-a17f-333b-c101-fbb0d1b4ce31","graph":{"connections":[{"fromId":"5ddf2ab9-070a-5659-187e-e3ec7a2b2f21","fromProperty":"savedValue","toId":"a33f3d12-2e03-4c94-1ec7-09871edd69f0","toProperty":"in-collectionName"},{"fromId":"a33f3d12-2e03-4c94-1ec7-09871edd69f0","fromProperty":"out-records","toId":"4c7f2998-585d-461b-3331-c95d8131a65f","toProperty":"items"},{"fromId":"5ddf2ab9-070a-5659-187e-e3ec7a2b2f21","fromProperty":"savedValue","toId":"dbc6b4eb-53cd-c7bf-2f12-37075981f731","toProperty":"in-collectionName"},{"fromId":"bfddc436-6192-732e-9a38-6372d9d5dcb3","fromProperty":"onTextChanged","toId":"b06a4008-4c02-ae7d-dab5-652f57e6ac07","toProperty":"prop-breed"},{"fromId":"54ae1776-e233-49d0-a566-db63f2ca24c7","fromProperty":"onTextChanged","toId":"b06a4008-4c02-ae7d-dab5-652f57e6ac07","toProperty":"prop-name"},{"fromId":"466ce55f-9265-99a6-718b-2780dd9ad838","fromProperty":"onClick","toId":"b06a4008-4c02-ae7d-dab5-652f57e6ac07","toProperty":"new"},{"fromId":"b06a4008-4c02-ae7d-dab5-652f57e6ac07","fromProperty":"created","toId":"dbc6b4eb-53cd-c7bf-2f12-37075981f731","toProperty":"run"},{"fromId":"b06a4008-4c02-ae7d-dab5-652f57e6ac07","fromProperty":"id","toId":"dbc6b4eb-53cd-c7bf-2f12-37075981f731","toProperty":"in-dataObject"},{"fromId":"078c7a1e-7f4b-67a5-b822-83d0e8423b21","fromProperty":"onTextChanged","toId":"1c4e7ece-a2a9-cfa4-5317-c6d262b7049a","toProperty":"value"},{"fromId":"1c4e7ece-a2a9-cfa4-5317-c6d262b7049a","fromProperty":"savedValue","toId":"b06a4008-4c02-ae7d-dab5-652f57e6ac07","toProperty":"prop-age"}],"roots":[{"id":"a4b7e4d4-c01d-1267-30b6-c2b448b90067","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Home","index":31},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"home","index":32}],"children":[{"id":"710448d1-7f48-2a04-51dd-c14a99bc92e3","type":"Group","parameters":{"rowGap":{"value":20,"unit":"px"},"paddingTop":{"value":20,"unit":"px"},"paddingBottom":{"value":20,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"e1444025-362c-7240-d1c0-02e3570259fc","type":"Group","parameters":{"sizeMode":"contentHeight","width":{"value":500,"unit":"px"},"alignX":"center","rowGap":{"value":10,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"ab63aa70-1c71-032b-c709-3c0a2f72eef2","type":"Group","parameters":{"flexDirection":"row","columnGap":{"value":10,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"54ae1776-e233-49d0-a566-db63f2ca24c7","type":"net.noodl.controls.textinput","parameters":{"useLabel":false,"placeholder":"Name","sizeMode":"explicit"},"ports":[],"dynamicports":[],"children":[]},{"id":"bfddc436-6192-732e-9a38-6372d9d5dcb3","type":"net.noodl.controls.textinput","parameters":{"useLabel":false,"placeholder":"Breed","sizeMode":"explicit"},"ports":[],"dynamicports":[],"children":[]},{"id":"078c7a1e-7f4b-67a5-b822-83d0e8423b21","type":"net.noodl.controls.textinput","parameters":{"useLabel":false,"placeholder":"Age","type":"number","sizeMode":"explicit","width":{"value":100,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]},{"id":"466ce55f-9265-99a6-718b-2780dd9ad838","type":"net.noodl.controls.button","parameters":{"label":"Create Record"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"d2fa702b-3fd3-a205-ca67-6c1f01bad503","type":"Group","parameters":{"sizeMode":"contentHeight","width":{"value":500,"unit":"px"},"alignX":"center","rowGap":{"value":10,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"4c7f2998-585d-461b-3331-c95d8131a65f","type":"For Each","parameters":{"template":"/Home/Repeater item"},"ports":[],"dynamicports":[{"name":"inputMappingScript","type":{"name":"string","codeeditor":"javascript"},"displayName":"Script","group":"Input Mapping","default":"// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n","plug":"input","index":6}],"children":[]}]}]}]},{"id":"10fa011a-db2f-e573-47e6-ed69e091fbc1","type":"PageInputs","x":-248,"y":-2,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"a33f3d12-2e03-4c94-1ec7-09871edd69f0","type":"JavaScriptFunction","label":"Query Pocketbase","x":-170.5,"y":186,"parameters":{"scriptInputs":[],"functionScript":"if (pb.authStore.isValid) {\n try {\n const collection = Inputs.collectionName;\n const page = Inputs.page || 1;\n const resultsPerPage = Inputs.resultsPerPage || 50;\n const filter = Inputs.filter || '';\n\n // Fetch a paginated records list\n const resultList = await pb.collection(collection).getList(Number(page), Number(resultsPerPage), {\n filter: filter,\n });\n\n Outputs.result = resultList;\n Outputs.records = resultList.items;\n Outputs.Success();\n\n } catch (error) {\n console.error('Error fetching records:', error);\n Outputs.Failure();\n Outputs.error = error;\n }\n} else {\n Outputs.Failure();\n Outputs.error = 'User is not authenticated.'\n}\n","intype-filter":"object"},"ports":[],"dynamicports":[{"name":"in-collectionName","displayName":"collectionName","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-page","displayName":"page","plug":"input","type":"*","group":"Inputs","index":5},{"name":"in-resultsPerPage","displayName":"resultsPerPage","plug":"input","type":"*","group":"Inputs","index":6},{"name":"in-filter","displayName":"filter","plug":"input","type":"*","group":"Inputs","index":7},{"name":"out-Success","displayName":"Success","plug":"output","type":"signal","group":"Outputs","index":8},{"name":"out-Failure","displayName":"Failure","plug":"output","type":"signal","group":"Outputs","index":9},{"name":"out-result","displayName":"result","plug":"output","type":"*","group":"Outputs","index":10},{"name":"out-records","displayName":"records","plug":"output","type":"*","group":"Outputs","index":11},{"name":"out-error","displayName":"error","plug":"output","type":"*","group":"Outputs","index":12}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"5ddf2ab9-070a-5659-187e-e3ec7a2b2f21","type":"String","x":-385.5,"y":171,"parameters":{"value":"Cats"},"ports":[],"dynamicports":[],"children":[]},{"id":"fd501851-8ee9-af55-267a-4ecd4323c40f","type":"String","x":-386.5,"y":271,"parameters":{"value":"name != N/A"},"ports":[],"dynamicports":[],"children":[]},{"id":"dbc6b4eb-53cd-c7bf-2f12-37075981f731","type":"JavaScriptFunction","label":"Create Pocketbase record","x":640.6915164812455,"y":275.64132171298536,"parameters":{"functionScript":"try {\n // Validate the required inputs\n if (!Inputs.collectionName) {\n throw new Error('Collection name is required.');\n }\n if (!Inputs.dataObject) {\n throw new Error('Data object is required.');\n }\n\n // Retrieve the data object from the inputs\n const data = Noodl.Object.get(Inputs.dataObject);\n\n // Remove the `id` field if present (PocketBase usually generates it)\n if (data.id) {\n delete data.id; // PocketBase will auto-generate the ID\n }\n\n const collection = Inputs.collectionName;\n\n // Log the data for debugging purposes\n console.log('Data being sent (without id):', data);\n\n // Create the new record in the specified collection\n const record = await pb.collection(collection).create(data);\n\n // Pass the created record to the output\n Outputs.record = record;\n Outputs.Success();\n\n} catch (error) {\n // Log detailed error information from PocketBase\n console.error('Error creating record:', error);\n\n // Check if it's a ClientResponseError to extract more details\n if (error.response && error.response.data) {\n console.error('PocketBase error details:', error.response.data);\n Outputs.error = `Failed to create record: ${JSON.stringify(error.response.data)}`;\n } else {\n Outputs.error = error.message || 'Unknown error occurred';\n }\n\n Outputs.Failure();\n}\n"},"ports":[],"dynamicports":[{"name":"in-collectionName","displayName":"collectionName","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-dataObject","displayName":"dataObject","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-Success","displayName":"Success","plug":"output","type":"signal","group":"Outputs","index":6},{"name":"out-Failure","displayName":"Failure","plug":"output","type":"signal","group":"Outputs","index":7},{"name":"out-record","displayName":"record","plug":"output","type":"*","group":"Outputs","index":8},{"name":"out-error","displayName":"error","plug":"output","type":"*","group":"Outputs","index":9}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"b06a4008-4c02-ae7d-dab5-652f57e6ac07","type":"NewModel","x":349.7786030823699,"y":266.1743578901026,"parameters":{"properties":"name,breed,age","type-name":"string","type-breed":"string","type-age":"number"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"name","name":"prop-name","index":4},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"name","default":"*","name":"type-name","index":5},{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"breed","name":"prop-breed","index":6},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"breed","default":"*","name":"type-breed","index":7},{"type":{"name":"number"},"plug":"input","group":"Property Values","displayName":"age","name":"prop-age","index":8},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"age","default":"*","name":"type-age","index":9}],"children":[]},{"id":"1c4e7ece-a2a9-cfa4-5317-c6d262b7049a","type":"Number","x":326.56598011943913,"y":433.0150854361649,"parameters":{},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":["a4b7e4d4-c01d-1267-30b6-c2b448b90067"]}},{"name":"/Home/Repeater item","id":"4b8ab013-3a1d-7707-5709-3a559f38d6cd","graph":{"connections":[{"fromId":"05f4631a-5911-9774-6bd3-dbd39d923787","fromProperty":"prop-breed","toId":"7f3a3c05-dea0-d781-e37a-90959bfb49a9","toProperty":"text"},{"fromId":"05f4631a-5911-9774-6bd3-dbd39d923787","fromProperty":"prop-age","toId":"0cfe4bd9-5cf5-325d-5ad3-5ab806a3ae8b","toProperty":"text"},{"fromId":"05f4631a-5911-9774-6bd3-dbd39d923787","fromProperty":"prop-name","toId":"9d7011c9-f098-fdfa-6e61-93c552d21834","toProperty":"startValue"},{"fromId":"9d7011c9-f098-fdfa-6e61-93c552d21834","fromProperty":"onTextChanged","toId":"8a5ed050-e3a9-c3c6-9237-2c4b72c47163","toProperty":"prop-name"},{"fromId":"05f4631a-5911-9774-6bd3-dbd39d923787","fromProperty":"prop-breed","toId":"8a5ed050-e3a9-c3c6-9237-2c4b72c47163","toProperty":"prop-breed"},{"fromId":"05f4631a-5911-9774-6bd3-dbd39d923787","fromProperty":"prop-age","toId":"8a5ed050-e3a9-c3c6-9237-2c4b72c47163","toProperty":"prop-age"},{"fromId":"8a5ed050-e3a9-c3c6-9237-2c4b72c47163","fromProperty":"id","toId":"786295a6-5f75-154a-c2cf-c978a8dca692","toProperty":"in-dataObject"},{"fromId":"8a5ed050-e3a9-c3c6-9237-2c4b72c47163","fromProperty":"created","toId":"786295a6-5f75-154a-c2cf-c978a8dca692","toProperty":"run"},{"fromId":"e9adca60-0191-e62e-dec1-a5f7a74904cd","fromProperty":"onClick","toId":"8a5ed050-e3a9-c3c6-9237-2c4b72c47163","toProperty":"new"},{"fromId":"05f4631a-5911-9774-6bd3-dbd39d923787","fromProperty":"id","toId":"786295a6-5f75-154a-c2cf-c978a8dca692","toProperty":"in-recordId"},{"fromId":"a97d6914-1ba0-8a78-f8c3-6a4598911be7","fromProperty":"onClick","toId":"7e93c898-943e-3541-a426-646a40b4b01e","toProperty":"run"},{"fromId":"05f4631a-5911-9774-6bd3-dbd39d923787","fromProperty":"id","toId":"7e93c898-943e-3541-a426-646a40b4b01e","toProperty":"in-recordId"}],"roots":[{"id":"f69fc493-89f4-8829-7d84-63c1726597d8","type":"Group","x":0,"y":0,"parameters":{"flexDirection":"row","alignItems":"center","paddingTop":{"value":5,"unit":"px"},"paddingBottom":{"value":5,"unit":"px"},"paddingRight":{"value":5,"unit":"px"},"paddingLeft":{"value":5,"unit":"px"},"borderStyle":"solid","borderRadius":{"value":4,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"columnGap":{"value":10,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"9d7011c9-f098-fdfa-6e61-93c552d21834","type":"net.noodl.controls.textinput","parameters":{"placeholder":"Name","useLabel":false},"ports":[],"dynamicports":[],"children":[]},{"id":"7f3a3c05-dea0-d781-e37a-90959bfb49a9","type":"Text","parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[]},{"id":"0cfe4bd9-5cf5-325d-5ad3-5ab806a3ae8b","type":"Text","parameters":{"sizeMode":"contentHeight"},"ports":[],"dynamicports":[],"children":[]},{"id":"e9adca60-0191-e62e-dec1-a5f7a74904cd","type":"net.noodl.controls.button","parameters":{"label":"Update"},"ports":[],"dynamicports":[],"children":[]},{"id":"a97d6914-1ba0-8a78-f8c3-6a4598911be7","type":"net.noodl.controls.button","parameters":{"label":"Delete"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"05f4631a-5911-9774-6bd3-dbd39d923787","type":"Model2","x":-205.5,"y":36,"parameters":{"properties":"name,breed,age","idSource":"foreach"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-name","displayName":"name","index":7},{"type":"signal","plug":"output","group":"Changed Events","displayName":"name Changed","name":"changed-name","index":8},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-breed","displayName":"breed","index":9},{"type":"signal","plug":"output","group":"Changed Events","displayName":"breed Changed","name":"changed-breed","index":10},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-age","displayName":"age","index":11},{"type":"signal","plug":"output","group":"Changed Events","displayName":"age Changed","name":"changed-age","index":12}],"children":[]},{"id":"786295a6-5f75-154a-c2cf-c978a8dca692","type":"JavaScriptFunction","label":"Update Pocketbase record","x":590.2400366587286,"y":165.1319933846336,"parameters":{"functionScript":"try {\n // Log the inputs for debugging purposes\n console.log('Record ID:', Inputs.recordId);\n console.log('Collection:', 'Cats');\n console.log('Data before removing id:', Inputs.dataObject);\n\n // Retrieve the data object from the inputs\n const data = Noodl.Object.get(Inputs.dataObject);\n\n // Remove the `id` field from the data, as it's immutable and cannot be updated\n if (data.id) {\n delete data.id;\n }\n\n // Log the data after removing the `id` field for debugging purposes\n console.log('Data being sent for update (without id):', data);\n\n // Check if recordId is provided\n if (!Inputs.recordId) {\n throw new Error(\"recordId is required for updating a record.\");\n }\n\n // Attempt to update the record in the specified collection\n const record = await pb.collection('Cats').update(Inputs.recordId, data);\n\n // Check if the record was successfully updated\n if (record) {\n Outputs.record = record;\n Outputs.Success();\n } else {\n Outputs.Failure();\n Outputs.error = \"Failed to update record.\";\n }\n\n} catch (error) {\n // Log detailed error information from PocketBase\n console.error('Error updating record:', error);\n\n // Capture detailed error information from the server response\n if (error.response && error.response.data) {\n console.error('PocketBase error details:', error.response.data);\n Outputs.error = `Failed to update record: ${JSON.stringify(error.response.data)}`;\n } else {\n Outputs.error = error.message || 'Unknown error occurred';\n }\n\n Outputs.Failure();\n}\n"},"ports":[],"dynamicports":[{"name":"in-recordId","displayName":"recordId","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-dataObject","displayName":"dataObject","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-Success","displayName":"Success","plug":"output","type":"signal","group":"Outputs","index":6},{"name":"out-Failure","displayName":"Failure","plug":"output","type":"signal","group":"Outputs","index":7},{"name":"out-record","displayName":"record","plug":"output","type":"*","group":"Outputs","index":8},{"name":"out-error","displayName":"error","plug":"output","type":"*","group":"Outputs","index":9}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"8a5ed050-e3a9-c3c6-9237-2c4b72c47163","type":"NewModel","x":333.22118696300976,"y":129.75823186877793,"parameters":{"properties":"name,breed,age","type-age":"number","type-name":"string","type-breed":"string"},"ports":[],"dynamicports":[{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"name","name":"prop-name","index":4},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"name","default":"*","name":"type-name","index":5},{"type":{"name":"string"},"plug":"input","group":"Property Values","displayName":"breed","name":"prop-breed","index":6},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"breed","default":"*","name":"type-breed","index":7},{"type":{"name":"number"},"plug":"input","group":"Property Values","displayName":"age","name":"prop-age","index":8},{"type":{"name":"enum","enums":[{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Number","value":"number"},{"label":"Date","value":"date"},{"label":"Array","value":"array"},{"label":"Object","value":"object"},{"label":"Any","value":"*"}],"allowEditOnly":true},"plug":"input","group":"Property Types","displayName":"age","default":"*","name":"type-age","index":9}],"children":[]},{"id":"7e93c898-943e-3541-a426-646a40b4b01e","type":"JavaScriptFunction","label":"Delete Pocketbase record","x":580.7088816277967,"y":340.4309494950038,"parameters":{"functionScript":"const collection = Inputs.collectionName || \"Cats\";\nconst recordId = Inputs.recordId;\n\ntry {\n await pb.collection(collection).delete(recordId);\n Outputs.Success();\n} catch (error) {\n Outputs.error = error;\n Outputs.Failure();\n}"},"ports":[],"dynamicports":[{"name":"in-collectionName","displayName":"collectionName","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-recordId","displayName":"recordId","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-Success","displayName":"Success","plug":"output","type":"signal","group":"Outputs","index":6},{"name":"out-Failure","displayName":"Failure","plug":"output","type":"signal","group":"Outputs","index":7},{"name":"out-error","displayName":"error","plug":"output","type":"*","group":"Outputs","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["f69fc493-89f4-8829-7d84-63c1726597d8"]}},{"name":"/Show Toast","id":"4aa0a9d1-0065-b307-fb5c-a99c5d439a71","graph":{"connections":[{"fromId":"fb2991d5-f44e-e402-fdd6-67b0747cc3d9","fromProperty":"Do","toId":"d318c272-e333-bf79-aa0b-e2a13291ebdd","toProperty":"show"},{"fromId":"fb2991d5-f44e-e402-fdd6-67b0747cc3d9","fromProperty":"Message","toId":"6765950f-74b9-6304-c398-ac26b5521f7c","toProperty":"value"},{"fromId":"6765950f-74b9-6304-c398-ac26b5521f7c","fromProperty":"savedValue","toId":"d318c272-e333-bf79-aa0b-e2a13291ebdd","toProperty":"popupParam-Message"},{"fromId":"fb2991d5-f44e-e402-fdd6-67b0747cc3d9","fromProperty":"Type","toId":"006d6fd2-5260-d323-0c86-366c9a0c99c6","toProperty":"currentState"},{"fromId":"006d6fd2-5260-d323-0c86-366c9a0c99c6","fromProperty":"currentState","toId":"d318c272-e333-bf79-aa0b-e2a13291ebdd","toProperty":"popupParam-Type"}],"roots":[{"id":"fb2991d5-f44e-e402-fdd6-67b0747cc3d9","type":"Component Inputs","x":-408,"y":16,"parameters":{},"ports":[{"name":"Do","plug":"output","type":"*","index":0},{"name":"Message","plug":"output","type":{"name":"*"},"index":1,"group":"General"},{"name":"Type","plug":"output","type":{"name":"*"},"group":"General","index":2}],"dynamicports":[],"children":[]},{"id":"ba47e14b-f5ea-6196-fae4-41bd2915a1df","type":"Component Outputs","x":330,"y":27,"parameters":{},"ports":[{"name":"Success","plug":"input","type":"*","index":0},{"name":"Failure","plug":"input","type":"*","index":1}],"dynamicports":[],"children":[]},{"id":"d318c272-e333-bf79-aa0b-e2a13291ebdd","type":"NavigationShowPopup","x":81.5,"y":-2.5,"parameters":{"target":"/Show Toast/Toast Component"},"ports":[],"dynamicports":[{"name":"popupParam-Message","displayName":"Message","type":"*","plug":"input","group":"Params","index":3},{"name":"popupParam-Type","displayName":"Type","type":"*","plug":"input","group":"Params","index":4}],"children":[]},{"id":"6765950f-74b9-6304-c398-ac26b5521f7c","type":"String","x":-160.5,"y":-53.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"006d6fd2-5260-d323-0c86-366c9a0c99c6","type":"States","x":-158.75,"y":92.75,"parameters":{"states":"Warning,Normal,Error,Success","currentState":"Normal"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Warning","name":"to-Warning","group":"Go to state","index":6},{"plug":"output","type":"boolean","displayName":"At Warning","name":"at-Warning","group":"Current state","index":7},{"plug":"output","type":"signal","displayName":"Has Reached Warning","name":"reached-Warning","group":"Current state","index":8},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Normal","name":"to-Normal","group":"Go to state","index":9},{"plug":"output","type":"boolean","displayName":"At Normal","name":"at-Normal","group":"Current state","index":10},{"plug":"output","type":"signal","displayName":"Has Reached Normal","name":"reached-Normal","group":"Current state","index":11},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Error","name":"to-Error","group":"Go to state","index":12},{"plug":"output","type":"boolean","displayName":"At Error","name":"at-Error","group":"Current state","index":13},{"plug":"output","type":"signal","displayName":"Has Reached Error","name":"reached-Error","group":"Current state","index":14},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Success","name":"to-Success","group":"Go to state","index":15},{"plug":"output","type":"boolean","displayName":"At Success","name":"at-Success","group":"Current state","index":16},{"plug":"output","type":"signal","displayName":"Has Reached Success","name":"reached-Success","group":"Current state","index":17},{"plug":"input","type":{"name":"enum","enums":["Warning","Normal","Error","Success"]},"group":"States","displayName":"State","name":"currentState","default":"Warning","index":18}],"children":[]}],"visualRoots":[]}},{"name":"/Show Toast/Error","id":"c9b0ebcf-aa84-c5d1-79ee-9e8dde2e2293","graph":{"connections":[{"fromId":"b88319ef-9720-c4d0-097e-0f6eb087c9ab","fromProperty":"Message","toId":"8f8fbcf2-c3e6-3ea9-6c0a-6a218d5d5efb","toProperty":"text"}],"roots":[{"id":"b88319ef-9720-c4d0-097e-0f6eb087c9ab","type":"Component Inputs","x":-301.5,"y":117.5,"parameters":{},"ports":[{"name":"Message","plug":"output","type":{"name":"*"},"index":1},{"name":"Mounted","plug":"output","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]},{"id":"b6f7be21-0031-04ba-f3f4-9355bc4fd47f","type":"Group","x":15.5,"y":100,"parameters":{"sizeMode":"contentWidth","backgroundColor":"White","alignX":"center","alignY":"top","boxShadowEnabled":true,"borderRadius":{"value":4,"unit":"px"},"boxShadowBlurRadius":{"value":4,"unit":"px"},"boxShadowSpreadRadius":{"value":0,"unit":"px"},"boxShadowOffsetY":{"value":2,"unit":"px"},"maxWidth":{"value":380,"unit":"px"},"boxShadowColor":"#00000033","borderWidth":{"value":1,"unit":"px"},"borderColor":"Danger","flexDirection":"row","alignItems":"center","height":{"value":56,"unit":"px"},"borderStyle":"solid","paddingRight":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"63f60dd1-06ef-bdbb-9094-77ecd05d16b8","type":"Group","parameters":{"width":{"value":56,"unit":"px"},"height":{"value":56,"unit":"px"},"backgroundColor":"#F75A4F3F","alignItems":"center","justifyContent":"center"},"ports":[],"dynamicports":[],"children":[{"id":"37389a69-00d0-6adc-0027-7246f94f9e96","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"error"},"iconSize":{"value":24,"unit":"px"},"iconColor":"Danger"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"8f8fbcf2-c3e6-3ea9-6c0a-6a218d5d5efb","type":"Text","parameters":{"text":"Some message","color":"Grey - 900","textStyle":"Label Large","marginLeft":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["b6f7be21-0031-04ba-f3f4-9355bc4fd47f"]}},{"name":"/Show Toast/Normal","id":"7f8df3f0-a45b-6b5e-415f-f9ee46c0e072","graph":{"connections":[{"fromId":"2cd8fd19-ffdb-db65-4b26-12d73573352b","fromProperty":"Message","toId":"ee42fa92-3338-da72-ba40-eefcfc0e2c00","toProperty":"text"}],"roots":[{"id":"291e6ad6-b7de-3a8b-ce0d-cd59b3811de2","type":"Group","x":-26.5,"y":77.5,"parameters":{"sizeMode":"contentWidth","backgroundColor":"White","alignX":"center","alignY":"top","boxShadowEnabled":true,"borderRadius":{"value":4,"unit":"px"},"boxShadowBlurRadius":{"value":4,"unit":"px"},"boxShadowSpreadRadius":{"value":0,"unit":"px"},"boxShadowOffsetY":{"value":2,"unit":"px"},"maxWidth":{"value":380,"unit":"px"},"boxShadowColor":"#00000026","borderStyle":"solid","borderWidth":{"value":1,"unit":"px"},"borderColor":"Grey - 500","paddingLeft":{"value":24,"unit":"px"},"paddingRight":{"value":24,"unit":"px"},"height":{"value":56,"unit":"px"},"justifyContent":"center"},"ports":[],"dynamicports":[],"children":[{"id":"ee42fa92-3338-da72-ba40-eefcfc0e2c00","type":"Text","parameters":{"text":"Some message","color":"Grey - 900","textStyle":"Label Medium"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"2cd8fd19-ffdb-db65-4b26-12d73573352b","type":"Component Inputs","x":-301.5,"y":117.5,"parameters":{},"ports":[{"name":"Message","plug":"output","type":{"name":"*"},"index":1},{"name":"Mounted","plug":"output","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]}],"visualRoots":["291e6ad6-b7de-3a8b-ce0d-cd59b3811de2"]}},{"name":"/Show Toast/Success","id":"40d2f23c-a859-b00c-5c70-035c71bb8f57","graph":{"connections":[{"fromId":"b080662c-be4e-bcd0-8c8b-c9707a056cb0","fromProperty":"Message","toId":"1755ae19-46e7-04a9-db5c-5ffb0c731435","toProperty":"text"}],"roots":[{"id":"a690334a-df94-9bb5-57d4-ed71f397d19b","type":"Group","x":-26.5,"y":77.5,"parameters":{"sizeMode":"contentWidth","backgroundColor":"White","alignX":"center","alignY":"top","boxShadowEnabled":true,"borderRadius":{"value":4,"unit":"px"},"boxShadowBlurRadius":{"value":4,"unit":"px"},"boxShadowSpreadRadius":{"value":0,"unit":"px"},"boxShadowOffsetY":{"value":2,"unit":"px"},"maxWidth":{"value":380,"unit":"px"},"boxShadowColor":"#00000019","borderWidth":{"value":1,"unit":"px"},"borderColor":"Success","flexDirection":"row","alignItems":"center","height":{"value":56,"unit":"px"},"borderStyle":"solid","paddingRight":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"fdb49703-5657-8a1f-ceff-c578391f6200","type":"Group","parameters":{"width":{"value":56,"unit":"px"},"height":{"value":56,"unit":"px"},"backgroundColor":"#49AD7F3F","alignItems":"center","justifyContent":"center"},"ports":[],"dynamicports":[],"children":[{"id":"95179959-f6e2-95c5-aa9a-e187c1e6b53c","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"check_circle"},"iconSize":{"value":24,"unit":"px"},"iconColor":"Success"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"1755ae19-46e7-04a9-db5c-5ffb0c731435","type":"Text","parameters":{"text":"Some message","color":"Grey - 900","textStyle":"Label Large","marginLeft":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b080662c-be4e-bcd0-8c8b-c9707a056cb0","type":"Component Inputs","x":-301.5,"y":117.5,"parameters":{},"ports":[{"name":"Message","plug":"output","type":{"name":"*"},"index":1},{"name":"Mounted","plug":"output","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]}],"visualRoots":["a690334a-df94-9bb5-57d4-ed71f397d19b"]}},{"name":"/Show Toast/Toast Component","id":"74576c00-f9ac-fa23-a541-8b2bd0ffcd9f","graph":{"connections":[{"fromId":"a644c74b-85e1-14ed-0d60-5528e9bdf9d6","fromProperty":"didMount","toId":"e8bed7a7-85a0-cb68-0f7c-334cf32e33b8","toProperty":"run"},{"fromId":"a644c74b-85e1-14ed-0d60-5528e9bdf9d6","fromProperty":"this","toId":"e8bed7a7-85a0-cb68-0f7c-334cf32e33b8","toProperty":"in-This"},{"fromId":"bdc15426-41bb-4700-9df9-ad65adb4102e","fromProperty":"timerFinished","toId":"16f6b603-dd7f-33d6-7737-f92340d978a9","toProperty":"to-No"},{"fromId":"16f6b603-dd7f-33d6-7737-f92340d978a9","fromProperty":"reached-No","toId":"b20bad9d-a0bd-b973-6660-cf46b5a5e277","toProperty":"close"},{"fromId":"a644c74b-85e1-14ed-0d60-5528e9bdf9d6","fromProperty":"didMount","toId":"16f6b603-dd7f-33d6-7737-f92340d978a9","toProperty":"to-Yes"},{"fromId":"16f6b603-dd7f-33d6-7737-f92340d978a9","fromProperty":"Pos","toId":"4e9e0bb2-b041-ba46-2d82-8590b368988b","toProperty":"transformY"},{"fromId":"a644c74b-85e1-14ed-0d60-5528e9bdf9d6","fromProperty":"didMount","toId":"bdc15426-41bb-4700-9df9-ad65adb4102e","toProperty":"start"},{"fromId":"c44c5e67-edc4-222a-d697-0821d97bf97e","fromProperty":"Message","toId":"a960e0ff-b4c8-b432-32bd-773e069e5771","toProperty":"in-Message"},{"fromId":"c44c5e67-edc4-222a-d697-0821d97bf97e","fromProperty":"Type","toId":"a960e0ff-b4c8-b432-32bd-773e069e5771","toProperty":"in-Type"},{"fromId":"a960e0ff-b4c8-b432-32bd-773e069e5771","fromProperty":"out-ToastType","toId":"692f62d1-aba7-409b-6e16-fb14a7e74ee9","toProperty":"items"}],"roots":[{"id":"a644c74b-85e1-14ed-0d60-5528e9bdf9d6","type":"Group","x":-22,"y":-39,"parameters":{"position":"absolute","pointerEventsEnabled":false,"mounted":true},"ports":[],"dynamicports":[],"children":[{"id":"4e9e0bb2-b041-ba46-2d82-8590b368988b","type":"Group","label":"Toast","parameters":{"sizeMode":"contentSize","marginTop":{"value":24,"unit":"px"},"alignX":"center","alignY":"top","minWidth":{"value":150,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"692f62d1-aba7-409b-6e16-fb14a7e74ee9","type":"For Each","parameters":{"templateType":"dynamic","templateScript":"component = '../' + item.Type;"},"ports":[],"dynamicports":[],"children":[],"metadata":{"merge":{"soureCodePorts":["templateScript"]}}}]}]},{"id":"e8bed7a7-85a0-cb68-0f7c-334cf32e33b8","type":"JavaScriptFunction","label":"Ensure click through","x":258.5,"y":-62.5,"parameters":{"functionScript":"// Make sure you can click through parent div\n// so it doesn't block like normal popups\nInputs.This.getDOMElement().style.pointerEvents = 'none'\nInputs.This.getDOMElement().parentElement.style.pointerEvents = 'none'"},"ports":[],"dynamicports":[{"name":"in-This","displayName":"This","plug":"input","type":"*","group":"Inputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"bdc15426-41bb-4700-9df9-ad65adb4102e","type":"Timer","x":-269.5,"y":-49.5,"parameters":{"duration":3000},"ports":[],"dynamicports":[],"children":[]},{"id":"b20bad9d-a0bd-b973-6660-cf46b5a5e277","type":"NavigationClosePopup","x":-778.5,"y":69.5,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"16f6b603-dd7f-33d6-7737-f92340d978a9","type":"States","label":"Visible","x":-513.5,"y":5.5,"parameters":{"states":"Yes,No","values":"Pos","value-Yes-Pos":0,"value-No-Pos":-200,"currentState":"No"},"ports":[],"dynamicports":[{"type":{"name":"number","allowConnectionsOnly":true},"plug":"output","group":"Values","name":"Pos","index":6},{"type":{"name":"enum","enums":[{"label":"Number","value":"number"},{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Color","value":"color"},{"label":"Text Style","value":"textStyle"}],"allowEditOnly":true},"default":"number","plug":"input","group":"Types","displayName":"Pos","name":"type-Pos","index":7},{"plug":"input","type":"number","group":"Yes Values","name":"value-Yes-Pos","displayName":"Pos","editorName":"Yes|Pos","index":8},{"plug":"input","type":"curve","displayName":"Default","default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"Yes Transitions","name":"transitiondef-Yes","index":9},{"plug":"input","type":{"name":"curve"},"default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"Yes Transitions","name":"transition-Yes-Pos","displayName":"Pos","editorName":"Transition Yes|Pos","index":10},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Yes","name":"to-Yes","group":"Go to state","index":11},{"plug":"output","type":"boolean","displayName":"At Yes","name":"at-Yes","group":"Current state","index":12},{"plug":"output","type":"signal","displayName":"Has Reached Yes","name":"reached-Yes","group":"Current state","index":13},{"plug":"input","type":"number","group":"No Values","name":"value-No-Pos","displayName":"Pos","editorName":"No|Pos","index":14},{"plug":"input","type":"curve","displayName":"Default","default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"No Transitions","name":"transitiondef-No","index":15},{"plug":"input","type":{"name":"curve"},"default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"No Transitions","name":"transition-No-Pos","displayName":"Pos","editorName":"Transition No|Pos","index":16},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To No","name":"to-No","group":"Go to state","index":17},{"plug":"output","type":"boolean","displayName":"At No","name":"at-No","group":"Current state","index":18},{"plug":"output","type":"signal","displayName":"Has Reached No","name":"reached-No","group":"Current state","index":19},{"plug":"input","type":{"name":"enum","enums":["Yes","No"]},"group":"States","displayName":"State","name":"currentState","default":"Yes","index":20}],"children":[]},{"id":"c44c5e67-edc4-222a-d697-0821d97bf97e","type":"Component Inputs","x":542.5,"y":140.5,"parameters":{},"ports":[{"name":"Message","plug":"output","type":{"name":"*"},"index":1},{"name":"Type","plug":"output","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]},{"id":"a960e0ff-b4c8-b432-32bd-773e069e5771","type":"JavaScriptFunction","x":279.91666666666663,"y":139.25,"parameters":{"functionScript":"Outputs.ToastType = [\n {\n Message:Inputs.Message,\n Type:Inputs.Type\n }\n]"},"ports":[],"dynamicports":[{"name":"in-Message","displayName":"Message","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-Type","displayName":"Type","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-ToastType","displayName":"ToastType","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["a644c74b-85e1-14ed-0d60-5528e9bdf9d6"]}},{"name":"/Show Toast/Warning","id":"61b1a2d8-34be-a7b2-6302-3dce18b9f4eb","graph":{"connections":[{"fromId":"315c7906-b335-8771-2ad9-4866d45cf28b","fromProperty":"Message","toId":"4c51d5a8-43a4-0a17-820e-3c5bb3a39945","toProperty":"text"}],"roots":[{"id":"315c7906-b335-8771-2ad9-4866d45cf28b","type":"Component Inputs","x":-301.5,"y":117.5,"parameters":{},"ports":[{"name":"Message","plug":"output","type":{"name":"*"},"index":1},{"name":"Mounted","plug":"output","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]},{"id":"c7bbebee-904f-13c8-3de1-617d56bd4b86","type":"Group","x":-42.5,"y":-21,"parameters":{"sizeMode":"contentWidth","backgroundColor":"White","alignX":"center","alignY":"top","boxShadowEnabled":true,"borderRadius":{"value":4,"unit":"px"},"boxShadowBlurRadius":{"value":4,"unit":"px"},"boxShadowSpreadRadius":{"value":0,"unit":"px"},"boxShadowOffsetY":{"value":2,"unit":"px"},"maxWidth":{"value":380,"unit":"px"},"boxShadowColor":"#00000033","borderWidth":{"value":1,"unit":"px"},"borderColor":"Notice","flexDirection":"row","alignItems":"center","height":{"value":56,"unit":"px"},"borderStyle":"solid","paddingRight":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"c2c86bf0-a013-6bdd-8289-1b11c113a078","type":"Group","parameters":{"width":{"value":56,"unit":"px"},"height":{"value":56,"unit":"px"},"backgroundColor":"#F2C4413F","alignItems":"center","justifyContent":"center"},"ports":[],"dynamicports":[],"children":[{"id":"64c0e910-5bce-5ba7-7382-e7920913ba68","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"warning"},"iconSize":{"value":24,"unit":"px"},"iconColor":"Notice"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"4c51d5a8-43a4-0a17-820e-3c5bb3a39945","type":"Text","parameters":{"text":"Some message","color":"Grey - 900","textStyle":"Label Large","marginLeft":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":["c7bbebee-904f-13c8-3de1-617d56bd4b86"]}},{"name":"/Signup","id":"9989ffa0-f578-3235-7302-c25c813d6a68","graph":{"connections":[{"fromId":"ecab6e9f-bfd8-f29b-be8b-b378ac1e8357","fromProperty":"onClick","toId":"70955074-257f-7695-eb56-8d59c10b1296","toProperty":"toggle"},{"fromId":"70955074-257f-7695-eb56-8d59c10b1296","fromProperty":"switch text","toId":"ecab6e9f-bfd8-f29b-be8b-b378ac1e8357","toProperty":"text"},{"fromId":"70955074-257f-7695-eb56-8d59c10b1296","fromProperty":"title text","toId":"cbe64031-57e9-9674-6089-25aee851aaf1","toProperty":"text"},{"fromId":"70955074-257f-7695-eb56-8d59c10b1296","fromProperty":"button text","toId":"b4a91307-2e5c-14eb-1cee-e7902a8fa596","toProperty":"label"},{"fromId":"4553156e-d3ca-f929-4ced-b81b75c467cf","fromProperty":"onTextChanged","toId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","toProperty":"email"},{"fromId":"4946e47b-6ad2-bb67-6fd3-d498107d4762","fromProperty":"onTextChanged","toId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","toProperty":"password"},{"fromId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","fromProperty":"Success","toId":"4a5a113c-7f8b-8776-cea6-13c503a37afa","toProperty":"Do"},{"fromId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","fromProperty":"response","toId":"4a5a113c-7f8b-8776-cea6-13c503a37afa","toProperty":"Message"},{"fromId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","fromProperty":"error","toId":"076671ee-57da-3ef7-0782-00bf7e8b7f71","toProperty":"Message"},{"fromId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","fromProperty":"Failed","toId":"076671ee-57da-3ef7-0782-00bf7e8b7f71","toProperty":"Do"},{"fromId":"b4a91307-2e5c-14eb-1cee-e7902a8fa596","fromProperty":"onClick","toId":"e22e3da4-10c9-09b6-359b-70665f61a72d","toProperty":"run"},{"fromId":"70955074-257f-7695-eb56-8d59c10b1296","fromProperty":"currentState","toId":"e22e3da4-10c9-09b6-359b-70665f61a72d","toProperty":"state"},{"fromId":"e22e3da4-10c9-09b6-359b-70665f61a72d","fromProperty":"isTrueEv","toId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","toProperty":"Do"},{"fromId":"4946e47b-6ad2-bb67-6fd3-d498107d4762","fromProperty":"onTextChanged","toId":"ea5cf723-f830-1500-3ef2-80a0cf36088d","toProperty":"in-password"},{"fromId":"e22e3da4-10c9-09b6-359b-70665f61a72d","fromProperty":"isFalseEv","toId":"ea5cf723-f830-1500-3ef2-80a0cf36088d","toProperty":"run"},{"fromId":"43743e17-7701-69a4-fe70-7e7d6f2766b6","fromProperty":"Success","toId":"ea5cf723-f830-1500-3ef2-80a0cf36088d","toProperty":"run"},{"fromId":"4553156e-d3ca-f929-4ced-b81b75c467cf","fromProperty":"onTextChanged","toId":"ea5cf723-f830-1500-3ef2-80a0cf36088d","toProperty":"in-email"}],"roots":[{"id":"2dbf9747-36aa-7a36-7ad7-c16ab64417b0","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Signup","index":31},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"signup","index":32}],"children":[{"id":"9adff530-4ba4-c13f-7a29-e1e1649f9d60","type":"Group","parameters":{"width":{"value":500,"unit":"px"},"alignY":"center","alignX":"center","sizeMode":"contentHeight","rowGap":{"value":20,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"cbe64031-57e9-9674-6089-25aee851aaf1","type":"Text","parameters":{"text":"Sign up to Pocketbase","textStyle":"Title Medium"},"ports":[],"dynamicports":[],"children":[]},{"id":"4553156e-d3ca-f929-4ced-b81b75c467cf","type":"net.noodl.controls.textinput","label":"Email","parameters":{"useLabel":false,"placeholder":"Email"},"ports":[],"dynamicports":[],"children":[]},{"id":"4946e47b-6ad2-bb67-6fd3-d498107d4762","type":"net.noodl.controls.textinput","label":"Password","parameters":{"useLabel":false,"placeholder":"Password","type":"password"},"ports":[],"dynamicports":[],"children":[]},{"id":"b4a91307-2e5c-14eb-1cee-e7902a8fa596","type":"net.noodl.controls.button","parameters":{"label":"Sign up"},"ports":[],"dynamicports":[],"children":[]},{"id":"ecab6e9f-bfd8-f29b-be8b-b378ac1e8357","type":"Text","parameters":{"textStyle":"Label Medium","text":"Already have an account? Log in!","styleCss":"/* background-color: red; */\ncursor: pointer;"},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"24b108f8-d343-2139-4d95-a3dbf4143d95","type":"PageInputs","x":-100,"y":-50,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"70955074-257f-7695-eb56-8d59c10b1296","type":"States","x":359.0841328545745,"y":169.6687393017035,"parameters":{"states":"signup,login","useTransitions":true,"values":"switch text,title text,button text","type-switch text":"string","value-signup-switch text":"Already have an account? Log in!","value-login-switch text":"Don't have an account? Sign up!","type-title text":"string","value-signup-title text":"Sign up to Pocketbase","value-login-title text":"Log in to Pocketbase","type-button text":"string","value-signup-button text":"Sign up","value-login-button text":"Log in"},"ports":[],"dynamicports":[{"type":{"name":"string","allowConnectionsOnly":true},"plug":"output","group":"Values","name":"switch text","index":6},{"type":{"name":"enum","enums":[{"label":"Number","value":"number"},{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Color","value":"color"},{"label":"Text Style","value":"textStyle"}],"allowEditOnly":true},"default":"number","plug":"input","group":"Types","displayName":"switch text","name":"type-switch text","index":7},{"type":{"name":"string","allowConnectionsOnly":true},"plug":"output","group":"Values","name":"title text","index":8},{"type":{"name":"enum","enums":[{"label":"Number","value":"number"},{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Color","value":"color"},{"label":"Text Style","value":"textStyle"}],"allowEditOnly":true},"default":"number","plug":"input","group":"Types","displayName":"title text","name":"type-title text","index":9},{"type":{"name":"string","allowConnectionsOnly":true},"plug":"output","group":"Values","name":"button text","index":10},{"type":{"name":"enum","enums":[{"label":"Number","value":"number"},{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Color","value":"color"},{"label":"Text Style","value":"textStyle"}],"allowEditOnly":true},"default":"number","plug":"input","group":"Types","displayName":"button text","name":"type-button text","index":11},{"plug":"input","type":"string","group":"signup Values","name":"value-signup-switch text","displayName":"switch text","editorName":"signup|switch text","index":12},{"plug":"input","type":"string","group":"signup Values","name":"value-signup-title text","displayName":"title text","editorName":"signup|title text","index":13},{"plug":"input","type":"string","group":"signup Values","name":"value-signup-button text","displayName":"button text","editorName":"signup|button text","index":14},{"plug":"input","type":"curve","displayName":"Default","default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"signup Transitions","name":"transitiondef-signup","index":15},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To signup","name":"to-signup","group":"Go to state","index":16},{"plug":"output","type":"boolean","displayName":"At signup","name":"at-signup","group":"Current state","index":17},{"plug":"output","type":"signal","displayName":"Has Reached signup","name":"reached-signup","group":"Current state","index":18},{"plug":"input","type":"string","group":"login Values","name":"value-login-switch text","displayName":"switch text","editorName":"login|switch text","index":19},{"plug":"input","type":"string","group":"login Values","name":"value-login-title text","displayName":"title text","editorName":"login|title text","index":20},{"plug":"input","type":"string","group":"login Values","name":"value-login-button text","displayName":"button text","editorName":"login|button text","index":21},{"plug":"input","type":"curve","displayName":"Default","default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"login Transitions","name":"transitiondef-login","index":22},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To login","name":"to-login","group":"Go to state","index":23},{"plug":"output","type":"boolean","displayName":"At login","name":"at-login","group":"Current state","index":24},{"plug":"output","type":"signal","displayName":"Has Reached login","name":"reached-login","group":"Current state","index":25},{"plug":"input","type":{"name":"enum","enums":["signup","login"]},"group":"States","displayName":"State","name":"currentState","default":"signup","index":26}],"children":[]},{"id":"43743e17-7701-69a4-fe70-7e7d6f2766b6","type":"/#Global logic components/n8n/n8n signup","x":609.1167043596944,"y":254.09163407379816,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"4a5a113c-7f8b-8776-cea6-13c503a37afa","type":"/Show Toast","x":854.1636686991089,"y":238.61100428970775,"parameters":{"Type":"Success"},"ports":[],"dynamicports":[],"children":[]},{"id":"076671ee-57da-3ef7-0782-00bf7e8b7f71","type":"/Show Toast","x":856.7266998825651,"y":374.34015927810685,"parameters":{"Type":"Error"},"ports":[],"dynamicports":[],"children":[]},{"id":"e22e3da4-10c9-09b6-359b-70665f61a72d","type":"Expression","x":381.3485342993239,"y":392.78525615721935,"parameters":{"expression":"state === \"signup\""},"ports":[],"dynamicports":[{"group":"Parameters","name":"state","type":{"name":"*","editAsType":"string"},"plug":"input","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["expression"]}}},{"id":"ea5cf723-f830-1500-3ef2-80a0cf36088d","type":"JavaScriptFunction","label":"Log in to Pocketbase","x":594.7227956686379,"y":508.3591235901674,"parameters":{"functionScript":"try {\n const authData = await pb.collection('users').authWithPassword(\n Inputs.email,\n Inputs.password\n );\n\n // If the authentication is successful\n Noodl.Objects.CurrentUser.token = pb.authStore.token;\n Noodl.Objects.CurrentUser.authenticated = true;\n Outputs.Success();\n\n // Log the auth store data for debugging\n console.log(pb.authStore.isValid); // true if authenticated\n console.log(pb.authStore.token); // JWT token\n console.log(pb.authStore.model.id); // User ID of the authenticated user\n} catch (e) {\n // If authentication fails, pass the error to the Outputs\n Outputs.error = e; // Store the error in Outputs\n Outputs.Failure(); // Trigger the failure output\n}\n"},"ports":[],"dynamicports":[{"name":"in-email","displayName":"email","plug":"input","type":"*","group":"Inputs","index":4},{"name":"in-password","displayName":"password","plug":"input","type":"*","group":"Inputs","index":5},{"name":"out-Success","displayName":"Success","plug":"output","type":"signal","group":"Outputs","index":6},{"name":"out-Failure","displayName":"Failure","plug":"output","type":"signal","group":"Outputs","index":7},{"name":"out-error","displayName":"error","plug":"output","type":"*","group":"Outputs","index":8}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}}],"visualRoots":["2dbf9747-36aa-7a36-7ad7-c16ab64417b0"]}}],"settings":{"bodyScroll":true,"navigationPathType":"path","headCode":"<script type=\"module\">\n import PocketBase from 'https://unpkg.com/pocketbase@latest';\n\n // Initialize and attach to the window object\n window.pb = new PocketBase(\"http://127.0.0.1:8090\");\n</script>\n"},"rootNodeId":"246f9453-a119-ac78-171e-3806cf596ecc","version":"4","metadata":{"styles":{"text":{"Display":{"letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none","fontSize":{"value":"40","unit":"px"},"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","color":"#000000"},"Headline":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"32","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Title Large":{"fontFamily":"fonts/Roboto/Roboto-Bold.ttf","fontSize":{"value":"24","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120%","unit":"px"},"textTransform":"none"},"Title Medium":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"20","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Title Small":{"fontFamily":"fonts/Roboto/Roboto-Bold.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Label Large":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Label Medium":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"14","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Label Small":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"12","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Body Large":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"20","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"150","unit":"%"},"textTransform":"none"},"Body Medium":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"150","unit":"%"},"textTransform":"none"},"Body Small":{"letterSpacing":"Auto","lineHeight":{"value":"150","unit":"%"},"textTransform":"none","fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"color":"#000000"}},"colors":{"Primary":"#9A9A9A","Primary Dark":"#303030","Primary Subtle":"#CCCCCC","Primary Light":"#F7F5FF","Grey - 900":"#1F1F1F","Grey - 800":"#383838","Grey - 700":"#4C4C4C","Grey - 600":"#757575","Grey - 500":"#A5A5A5","Grey - 400":"#CECECE","Grey - 300":"#E9E9E9","Grey - 200":"#F4F4F4","Grey - 100":"#FBFBFB","Success":"#49AD7F","Notice":"#F2C441","Danger":"#F75A4F","White":"#FFFFFF","Black":"#000000"}}},"variants":[{"typename":"Text","parameters":{"textStyle":"Body Medium"},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.button","parameters":{"height":{"value":40,"unit":"px"},"sizeMode":"contentWidth","backgroundColor":"Primary","iconIconSource":{"class":"material-icons","code":"home"},"iconSpacing":{"value":8,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"textStyle":"Label Medium","paddingTop":{"value":0,"unit":"px"},"paddingLeft":{"value":24,"unit":"px"},"paddingRight":{"value":24,"unit":"px"},"paddingBottom":{"value":0,"unit":"px"},"color":"#FFFFFF","minWidth":{"value":80,"unit":"px"},"useIcon":false,"iconSize":{"value":20,"unit":"px"}},"stateParamaters":{"hover":{"backgroundColor":"Primary Dark"},"pressed":{"backgroundColor":"Primary","color":"White"},"disabled":{"backgroundColor":"Grey - 300","color":"Grey - 600"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"pressed":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.textinput","parameters":{"useLabel":true,"sizeMode":"explicit","height":{"value":40,"unit":"px"},"textStyle":"Body Medium","borderStyle":"solid","borderRadius":{"value":4,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColor":"Grey - 700","labeltextStyle":"Label Small","paddingLeft":{"value":12,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"labelSpacing":{"value":4,"unit":"px"},"placeholder":"Type here","color":"Grey - 900","placeHolderOpacity":0.65,"enabled":true,"blockTouch":false,"useIcon":false,"iconIconSource":{"class":"material-icons","code":"home"},"iconSize":{"value":20,"unit":"px"},"iconSpacing":{"value":4,"unit":"px"},"iconColor":"Grey - 700","labelcolor":"Grey - 700"},"stateParamaters":{"hover":{"labelcolor":"Grey - 700","borderColor":"Grey - 700","borderStyle":"solid","color":"Grey - 900"},"focused":{"borderColor":"Primary","labelcolor":"Primary","borderWidth":{"value":1,"unit":"px"},"boxShadowEnabled":false,"boxShadowColor":"Primary","borderStyle":"solid"},"disabled":{"labelcolor":"Grey - 500","backgroundColor":"Grey - 200","borderWidth":{"value":1,"unit":"px"},"borderColor":"Grey - 500","color":"Grey - 600"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"disabled":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.options","parameters":{"sizeMode":"explicit","height":{"value":40,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"borderColor":"Grey - 700","boxShadowColor":"Dark Gray","useIcon":true,"iconIconSource":{"class":"material-icons","code":"expand_more"},"iconPlacement":"right","iconSize":{"value":20,"unit":"px"},"paddingRight":{"value":12,"unit":"px"},"textStyle":"Body Medium","paddingLeft":{"value":12,"unit":"px"},"marginTop":{"value":0,"unit":"px"},"width":{"value":100,"unit":"%"},"iconColor":"Grey - 700","placeholderOpacity":0.65,"placeholder":"Select option","useLabel":true,"labelSpacing":{"value":4,"unit":"px"},"labeltextStyle":"Label Small","labelcolor":"Grey - 700","items":"[\n {\"Label\":\"Option 1\", \"Value\":\"1\"},\n {\"Label\":\"Option 2\", \"Value\":\"2\"},\n {\"Label\":\"Option 3\", \"Value\":\"3\"}\n]"},"stateParamaters":{"hover":{"borderColor":"Grey - 700","borderRadius":{"value":4,"unit":"px"},"iconColor":"Grey - 900","iconSize":{"value":20,"unit":"px"},"iconPlacement":"right","color":"Grey - 900","labelcolor":"Grey - 700"},"focused":{"borderColor":"Primary","boxShadowColor":"Primary","borderRadius":{"value":4,"unit":"px"},"useIcon":true,"iconColor":"Primary","iconIconSource":{"class":"material-icons","code":"keyboard_arrow_up"},"iconPlacement":"right","color":"Grey - 900","labelcolor":"Primary"},"pressed":{"borderRadius":{"value":4,"unit":"px"}},"disabled":{"labelcolor":"Grey - 500","iconColor":"Grey - 500","borderColor":"Grey - 500","color":"Grey - 600","backgroundColor":"Grey - 200"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"pressed":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.range","parameters":{"thumbColor":"Primary","thumbBorderRadius":{"value":100,"unit":"%"},"trackHeight":{"value":4,"unit":"px"},"trackActiveColor":"Primary","trackColor":"Primary Subtle","width":{"value":100,"unit":"%"},"trackBorderRadius":{"value":100,"unit":"px"},"thumbHeight":{"value":16,"unit":"px"},"thumbWidth":{"value":16,"unit":"px"}},"stateParamaters":{"hover":{"thumbColor":"Primary Dark","trackActiveColor":"Primary Dark"},"disabled":{"trackActiveColor":"Grey - 500","trackColor":"Grey - 300","thumbColor":"Grey - 500"}},"stateTransitions":{}},{"typename":"net.noodl.controls.checkbox","parameters":{"width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"},"useIcon":false,"borderWidth":{"value":1,"unit":"px"},"useLabel":true,"labeltextStyle":"Body Medium","borderRadius":{"value":2,"unit":"px"},"borderColor":"Grey - 700","labelfontSize":{"value":16,"unit":"px"},"labelcolor":"Grey - 900","labelSpacing":{"value":12,"unit":"px"}},"stateParamaters":{"checked":{"useIcon":true,"iconIconSource":{"class":"material-icons","code":"check"},"backgroundColor":"Primary","borderColor":"Primary","iconSize":{"value":16,"unit":"px"}},"disabled":{"opacity":0.5},"hover":{"borderColor":"Grey - 700"},"pressed":{}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.radiobutton","parameters":{"width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"},"useLabel":true,"labeltextStyle":"Body Large","borderWidth":{"value":1,"unit":"px"},"value":"0","useIcon":false,"fillColor":"transparent","borderColor":"Grey - 700","labelfontSize":{"value":16,"unit":"px"},"marginBottom":{"value":8,"unit":"px"},"labelcolor":"Grey - 900","labelSpacing":{"value":12,"unit":"px"}},"stateParamaters":{"checked":{"fillColor":"Primary","borderColor":"Primary","borderWidth":{"value":1,"unit":"px"},"backgroundColor":"transparent","width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"},"fillSpacing":{"value":2,"unit":"px"}},"hover":{"backgroundColor":"transparent","borderColor":"Grey - 700","width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"}},"disabled":{"borderColor":"Grey - 500","labelcolor":"Grey - 500","fillColor":"transparent"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}}]}