Update examples to CSPR.click v1.3.0

csprclick-blazor/Components/App.razor

@@ -11,7 +11,7 @@
     <link rel="icon" type="image/png" href="favicon.png" />
 
     <script src="csprclick.js"></script>
-    <script defer="defer" src="https://cdn.cspr.click/ui/v1.2.1/csprclick-client-1.2.1.js"></script>
+    <script defer="defer" src="https://cdn.cspr.click/ui/v1.3.0/csprclick-client-1.3.0.js"></script>
     <HeadOutlet />   
 </head>
 

csprclick-blazor/Components/Layout/MainLayout.razor

@@ -1,8 +1,8 @@
 @inherits LayoutComponentBase
 
-<div id="root" class="page">
+<div id="app" class="page">
     <div id="csprclick-styles" data-permanent></div>
-    <div id="csprclick-top-bar" data-permanent></div>
+    <div id="csprclick-ui" data-permanent></div>
     <div class="sidebar">
         <NavMenu />
     </div>

csprclick-blazor/wwwroot/app.css

@@ -15,19 +15,19 @@ html, body {
     font-display: swap;
   }
 
-#csprclick-top-bar {
+#csprclick-ui {
     background-color: rgb(24, 29, 64);;
     position: fixed;
     top: 0px;
     z-index: 2;
     width: 100%;
 }
 
-.dark #csprclick-top-bar {
+.dark #csprclick-ui {
     background-color: rgb(19, 25, 51);
 }
 
-#csprclick-top-bar section {
+#csprclick-ui > div {
     padding: 0 24px 0 28px;
     margin: auto;
 }

csprclick-blazor/wwwroot/csprclick-client-1.3.0.js.LICENSE.txt

@@ -0,0 +1,75 @@
+/*!
+  	 * Adapted from jQuery UI core
+  	 *
+  	 * http://jqueryui.com
+  	 *
+  	 * Copyright 2014 jQuery Foundation and other contributors
+  	 * Released under the MIT license.
+  	 * http://jquery.org/license
+  	 *
+  	 * http://api.jqueryui.com/category/ui-core/
+  	 */
+
+/*!
+  Copyright (c) 2015 Jed Watson.
+  Based on code that is Copyright 2013-2015, Facebook, Inc.
+  All rights reserved.
+*/
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

csprclick-blazor/wwwroot/csprclick.js

@@ -35,8 +35,10 @@ const networkSettings = {
 
 const clickUIOptions = {
   styledCompContainer: 'csprclick-styles',
-  topBarContainer: 'csprclick-top-bar',
+  uiContainer: 'csprclick-ui',
+  rootAppElement: '#app',
   defaultTheme: 'light',
+  showTopBar: true,
   onThemeChanged,
   accountMenuItems,
   networkSettings,
@@ -72,4 +74,6 @@ const clickSDKOptions = {
   appId: 'csprclick-template',
   contentMode: 'iframe',
   providers: ['casper-wallet', 'ledger', 'torus-wallet', 'casperdash'],
+  csprclickHost: 'https://casper-click-static.dev.make.services'
+
 };

csprclick-html/public/app.js

@@ -1,7 +1,7 @@
 
 // Set up CSPR.click UI (Top Bar)
 //
-const topBarContainer = 'csprclick-top-bar';
+const uiContainer = 'csprclick-ui';
 
 const defaultTheme = 'light';
 
@@ -37,7 +37,10 @@ const networkSettings = {
   }
 
 const clickUIOptions = {
-  topBarContainer,
+  uiContainer,
+  rootAppElement: '#app',
+  show1ClickModal: true,
+  showTopBar: true,
   defaultTheme,
   onThemeChanged,
   accountMenuItems,
@@ -48,6 +51,7 @@ const clickSDKOptions = {
   appName: 'CSPR.click demo',
   appId: 'csprclick-template',
   providers: ['casper-wallet', 'ledger', 'torus-wallet', 'casperdash'],
+  csprclickHost: 'https://casper-click-static.dev.make.services'
 };
 
 window.addEventListener('csprclick:loaded', () => {

csprclick-html/public/csprclick-client-1.3.0.js.LICENSE.txt

@@ -0,0 +1,75 @@
+/*!
+  	 * Adapted from jQuery UI core
+  	 *
+  	 * http://jqueryui.com
+  	 *
+  	 * Copyright 2014 jQuery Foundation and other contributors
+  	 * Released under the MIT license.
+  	 * http://jquery.org/license
+  	 *
+  	 * http://api.jqueryui.com/category/ui-core/
+  	 */
+
+/*!
+  Copyright (c) 2015 Jed Watson.
+  Based on code that is Copyright 2013-2015, Facebook, Inc.
+  All rights reserved.
+*/
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

csprclick-html/public/index.html

@@ -15,12 +15,12 @@
     <title>CSPR.click HTML example</title>
 
     <script src="./app.js"></script>
-    <script defer="defer" src="https://cdn.cspr.click/ui/v1.2.1/csprclick-client-1.2.1.js"></script>
+    <script defer="defer" src="https://cdn.cspr.click/ui/v1.3.0/csprclick-client-1.3.0.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root">
-      <div id="csprclick-top-bar"></div>
+    <div id="app">
+      <div id="csprclick-ui"></div>
       <div id="content">Events are shown here:<div id="events"></div></div>
     </div>
   </body>

csprclick-html/public/styles.css

@@ -16,19 +16,19 @@ body {
   margin: 0px;
 }
 
-#csprclick-top-bar {
+#csprclick-ui {
   background-color: rgb(24, 29, 64);;
   position: fixed;
   top: 0px;
   z-index: 1;
   width: 100%;
 }
 
-.dark #csprclick-top-bar {
+.dark #csprclick-ui {
   background-color: rgb(19, 25, 51);;
 }
 
-#csprclick-top-bar section {
+#csprclick-ui > div {
   padding: 0 12px;
   max-width: 1024px;
   margin: auto;