{"uuid":"04828854-74f6-11ee-92e2-ab811bcae565","page":{"id":204437545,"data":{"appState":"[\"~#iR\",[\"^ \",\"n\",\"appTemplate\",\"v\",[\"^ \",\"isFetching\",false,\"plugins\",[\"~#iOM\",[\"$main\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"$main\",\"uuid\",null,\"type\",\"frame\",\"subtype\",\"Frame\",\"namespace\",null,\"resourceName\",null,\"resourceDisplayName\",null,\"template\",[\"^3\",[\"type\",\"main\",\"sticky\",false,\"isHiddenOnDesktop\",false,\"isHiddenOnMobile\",false,\"paddingType\",\"normal\"]],\"style\",[\"^3\",[]],\"position2\",null,\"mobilePosition2\",null,\"mobileAppPosition\",null,\"tabIndex\",null,\"container\",\"\",\"createdAt\",\"~m1668698597560\",\"updatedAt\",\"~m1698431082703\",\"folder\",\"\",\"screen\",null]]],\"button1\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"button1\",\"^4\",\"6bfdd556-649b-4b96-b4d1-4b5348cb2cac\",\"^5\",\"widget\",\"^6\",\"ButtonWidget2\",\"^7\",null,\"^8\",null,\"^9\",null,\"^:\",[\"^3\",[\"horizontalAlign\",\"stretch\",\"clickable\",false,\"iconAfter\",\"\",\"submitTargetId\",null,\"marginType\",\"normal\",\"hidden\",false,\"text\",\"Update Model and Fooo\",\"showInEditor\",false,\"tooltipText\",\"\",\"styleVariant\",\"solid\",\"submit\",false,\"iconBefore\",\"\",\"events\",[\"~#iL\",[[\"^3\",[\"event\",\"click\",\"type\",\"script\",\"method\",\"run\",\"pluginId\",\"\",\"targetId\",null,\"params\",[\"^3\",[\"src\",\"fooo.setIn([0], customComponent3.model.body);\\n\\nlet temp = [...fooo.value];\\n  //  temp.push(\\\"appended\\\"); //for example\\n fooo.setValue(temp);\"]],\"waitType\",\"debounce\",\"waitMs\",\"0\"]]]],\"loading\",false,\"loaderPosition\",\"auto\",\"disabled\",false,\"maintainSpaceWhenHidden\",false]],\"^;\",[\"^3\",[]],\"^<\",[\"^0\",[\"^ \",\"n\",\"position2\",\"v\",[\"^ \",\"^@\",\"\",\"rowGroup\",\"body\",\"subcontainer\",\"\",\"row\",19.8,\"col\",3,\"height\",1,\"width\",3,\"tabNum\",0]]],\"^=\",null,\"^>\",null,\"^?\",null,\"^@\",\"\",\"^A\",\"~m1698565308253\",\"^B\",\"~m1698946489431\",\"^C\",\"\",\"^D\",null]]],\"fooo\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"fooo\",\"^4\",null,\"^5\",\"state\",\"^6\",\"State\",\"^7\",null,\"^8\",null,\"^9\",null,\"^:\",[\"^3\",[\"_persistedValueGetter\",null,\"_persistedValueSetter\",null,\"persistValue\",false,\"persistedValueKey\",\"\",\"value\",\"[\\\"231\\\"]\"]],\"^;\",null,\"^<\",null,\"^=\",null,\"^>\",null,\"^?\",null,\"^@\",\"\",\"^A\",\"~m1698565322683\",\"^B\",\"~m1698945126396\",\"^C\",\"\",\"^D\",null]]],\"text1\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"text1\",\"^4\",\"03a24c37-5e9b-4d9f-982a-84999bb3fc56\",\"^5\",\"widget\",\"^6\",\"TextWidget2\",\"^7\",null,\"^8\",null,\"^9\",null,\"^:\",[\"^3\",[\"heightType\",\"auto\",\"horizontalAlign\",\"left\",\"marginType\",\"normal\",\"hidden\",false,\"imageWidth\",\"fit\",\"showInEditor\",false,\"verticalAlign\",\"center\",\"tooltipText\",\"\",\"value\",\"**model.body** is {{customComponent3.model.body}}\\n\\n**fooo value** is {{fooo.value[0]}}\",\"disableMarkdown\",false,\"overflowType\",\"scroll\",\"maintainSpaceWhenHidden\",false]],\"^;\",[\"^3\",[]],\"^<\",[\"^0\",[\"^ \",\"n\",\"position2\",\"v\",[\"^ \",\"^@\",\"\",\"^F\",\"body\",\"^G\",\"\",\"row\",19.2,\"col\",3,\"^H\",0.6,\"^I\",3,\"^J\",0]]],\"^=\",null,\"^>\",null,\"^?\",null,\"^@\",\"\",\"^A\",\"~m1698862429793\",\"^B\",\"~m1698945173324\",\"^C\",\"\",\"^D\",null]]],\"customComponent3\",[\"^0\",[\"^ \",\"n\",\"pluginTemplate\",\"v\",[\"^ \",\"id\",\"customComponent3\",\"^4\",\"2b2665ff-c6ab-4ecc-a025-3afa269ec3c0\",\"^5\",\"widget\",\"^6\",\"CustomComponentWidget\",\"^7\",null,\"^8\",null,\"^9\",null,\"^:\",[\"^3\",[\"allowTopNavigation\",false,\"heightType\",\"fixed\",\"allowDownloads\",false,\"allowFullscreen\",false,\"allowForms\",false,\"model\",\"{body:  {{fooo.value[0]}} }\",\"allowCamera\",false,\"allowModals\",false,\"allowPopups\",false,\"iframeCode\",\"<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n  <head>\\n    <meta charset=\\\"UTF-8\\\" />\\n    <meta http-equiv=\\\"X-UA-Compatible\\\" content=\\\"IE=edge\\\" />\\n    <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\" />\\n    <link\\n      href=\\\"https://cdn.quilljs.com/1.3.7/quill.snow.css\\\"\\n      rel=\\\"stylesheet\\\"\\n    />\\n    <script src=\\\"https://cdn.quilljs.com/1.3.7/quill.js\\\"></script>\\n    <script src=\\\"https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js\\\"></script>\\n  </head>\\n  <body>\\n    <div id=\\\"editor\\\" style=\\\"height: 200px; font-size: 16px\\\"></div>\\n    <script type=\\\"text/javascript\\\">\\n\\n      let toolbarOptions = [\\n        [{ header: [1, 2, 3, 4, 5, false] }],\\n        [\\\"bold\\\", \\\"italic\\\", \\\"underline\\\"],\\n\\n        [{ direction: \\\"rtl\\\" }],\\n      ];\\n      function saveBodyInModel() {\\n        window.Retool.modelUpdate({ body: quill.root.innerHTML });\\n      }\\n      let quill = new Quill(\\\"#editor\\\", {\\n        history: {\\n          delay: 2000,\\n          maxStack: 150,\\n        },\\n        modules: {\\n          toolbar: toolbarOptions,\\n        },\\n        theme: \\\"snow\\\",\\n      });\\n      quill.on(\\\"text-change\\\", _.debounce(function (delta, oldDelta, source) {\\n        if (source === \\\"user\\\") {\\n          window.Retool.modelUpdate({ body: quill.root.innerHTML });\\n        }\\n      }, 300));\\n      window.Retool.subscribe(function (model) {\\n        if(quill.root.innerHTML !== model.body){          \\n          let body = model.body || \\\"\\\";\\n          quill.clipboard.dangerouslyPasteHTML(model.body);\\n        }\\n      });\\n    </script>\\n  </body>\\n</html>\",\"allowMicrophone\",false,\"allowSameOrigin\",false,\"allowPopupsToEscapeSandbox\",false,\"allowPayment\",false,\"allowGeolocation\",false]],\"^;\",[\"^3\",[]],\"^<\",[\"^0\",[\"^ \",\"n\",\"position2\",\"v\",[\"^ \",\"^@\",\"\",\"^F\",\"body\",\"^G\",\"\",\"row\",15.200000000000001,\"col\",3,\"^H\",4,\"^I\",5,\"^J\",0]]],\"^=\",null,\"^>\",null,\"^?\",null,\"^@\",\"\",\"^A\",\"~m1698864803479\",\"^B\",\"~m1698944436919\",\"^C\",\"\",\"^D\",null]]]]],\"^A\",null,\"version\",\"3.20.0\",\"appThemeId\",null,\"appThemeName\",null,\"appMaxWidth\",\"1560px\",\"preloadedAppJavaScript\",null,\"preloadedAppJSLinks\",[],\"testEntities\",[],\"tests\",[],\"appStyles\",\"\",\"responsiveLayoutDisabled\",false,\"loadingIndicatorsDisabled\",false,\"urlFragmentDefinitions\",[\"^E\",[]],\"pageLoadValueOverrides\",[\"^E\",[]],\"customDocumentTitle\",\"\",\"customDocumentTitleEnabled\",false,\"customShortcuts\",[],\"isGlobalWidget\",false,\"isMobileApp\",false,\"isFormApp\",false,\"shortlink\",null,\"multiScreenMobileApp\",false,\"mobileAppSettings\",[\"^ \",\"mobileOfflineModeEnabled\",false],\"folders\",[\"^E\",[]],\"queryStatusVisibility\",false,\"markdownLinkBehavior\",\"auto\",\"inAppRetoolPillAppearance\",\"NO_OVERRIDE\",\"rootScreen\",null,\"instrumentationEnabled\",false,\"experimentalFeatures\",[\"^ \",\"sourceControlTemplateDehydration\",false,\"multiplayerEditingEnabled\",false,\"disableMultiplayerEditing\",false],\"experimentalDataTabEnabled\",true,\"customComponentCollections\",[]]]]"},"changesRecord":[{"type":"WIDGET_REPOSITION2","payload":{"moves":[{"move":{},"widgetIds":[]}],"largeScreen":true},"hideChangelogEntry":false},{"type":"PLUGIN_DELETE","payload":["done"],"hideChangelogEntry":false}],"gitSha":null,"checksum":null,"createdAt":"2023-11-02T17:34:59.242Z","updatedAt":"2023-11-02T17:34:59.242Z","pageId":2543633,"userId":null,"branchId":null,"page":{"name":"Custom Component bug"}},"modules":{}}