Merge pull request #1818 from Codeinwp/feat/ai-onboarding

Add AI showcase in Otter Onboarding Modal

.distignore

@@ -5,6 +5,7 @@
 .jshintrc
 Gruntfile.js
 phpcs.xml
+phpstan.neon
 .eslintrc
 .gitattributes
 .releaserc.yml

CHANGELOG.md

@@ -1,3 +1,7 @@
+##### [Version 2.3.3](https://github.com/Codeinwp/otter-blocks/compare/v2.3.2...v2.3.3) (2023-08-11)
+
+- WordPress 6.3 Compatibility
+
 ##### [Version 2.3.2](https://github.com/Codeinwp/otter-blocks/compare/v2.3.1...v2.3.2) (2023-07-17)
 
 - Added Autoresponder to Stripe Block

composer.json

@@ -2,7 +2,7 @@
 	"name": "codeinwp/otter-blocks",
 	"description": "A set of awesome Gutenberg Blocks by ThemeIsle.",
 	"type": "wordpress-plugin",
-	"version": "2.3.2",
+	"version": "2.3.3",
 	"require-dev": {
 		"squizlabs/php_codesniffer": "^3.3",
 		"wp-coding-standards/wpcs": "^1",

otter-blocks.php

@@ -7,7 +7,7 @@
  * Plugin Name:       Otter – Page Builder Blocks & Extensions for Gutenberg
  * Plugin URI:        https://themeisle.com/plugins/otter-blocks
  * Description:       Create beautiful and attracting posts, pages, and landing pages with Otter – Page Builder Blocks & Extensions for Gutenberg. Otter comes with dozens of Gutenberg blocks that are all you need to build beautiful pages.
- * Version:           2.3.2
+ * Version:           2.3.3
  * Author:            ThemeIsle
  * Author URI:        https://themeisle.com
  * License:           GPL-2.0+
@@ -26,7 +26,7 @@
 define( 'OTTER_BLOCKS_BASEFILE', __FILE__ );
 define( 'OTTER_BLOCKS_URL', plugins_url( '/', __FILE__ ) );
 define( 'OTTER_BLOCKS_PATH', dirname( __FILE__ ) );
-define( 'OTTER_BLOCKS_VERSION', '2.3.2' );
+define( 'OTTER_BLOCKS_VERSION', '2.3.3' );
 define( 'OTTER_BLOCKS_PRO_SUPPORT', true );
 define( 'OTTER_BLOCKS_SHOW_NOTICES', false );
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "otter-blocks",
-	"version": "2.3.2",
+	"version": "2.3.3",
 	"description": "Otter – Page Builder Blocks & Extensions for Gutenberg",
 	"scripts": {
 		"build": "npm-run-all --parallel prod:*",

plugins/blocks-animation/blocks-animation.php

@@ -10,7 +10,7 @@
  * Plugin Name:       Blocks Animation: CSS Animations for Gutenberg Blocks
  * Plugin URI:        https://github.com/Codeinwp/otter-blocks
  * Description:       Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegent way.
- * Version:           2.3.2
+ * Version:           2.3.3
  * Author:            ThemeIsle
  * Author URI:        https://themeisle.com
  * License:           GPL-3.0+

plugins/blocks-animation/readme.md

@@ -2,7 +2,7 @@
 **Contributors:** [themeisle](https://profiles.wordpress.org/themeisle/), [hardeepasrani](https://profiles.wordpress.org/hardeepasrani/), [mariamunteanu1](https://profiles.wordpress.org/mariamunteanu1/)  
 **Tags:** gutenberg, block, block editor, editor, animation, animations, animate, styles, block animations  
 **Requires at least:** 5.9  
-**Tested up to:** 6.2  
+**Tested up to:** 6.3  
 **Requires PHP:** 5.4  
 **Stable tag:** trunk  
 **License:** GPLv3  

plugins/blocks-animation/readme.txt

@@ -2,7 +2,7 @@
 Contributors: themeisle, hardeepasrani, mariamunteanu1
 Tags: gutenberg, block, block editor, editor, animation, animations, animate, styles, block animations
 Requires at least: 5.9
-Tested up to: 6.2
+Tested up to: 6.3
 Requires PHP: 5.4
 Stable tag: trunk
 License: GPLv3

plugins/blocks-css/blocks-css.php

@@ -10,7 +10,7 @@
  * Plugin Name:       Blocks CSS: CSS Editor for Gutenberg Blocks
  * Plugin URI:        https://github.com/Codeinwp/otter-blocks
  * Description:       Blocks CSS allows you add custom CSS to your Blocks straight from the Block Editor (Gutenberg).
- * Version:           2.3.2
+ * Version:           2.3.3
  * Author:            ThemeIsle
  * Author URI:        https://themeisle.com
  * License:           GPL-3.0+

plugins/blocks-css/readme.md

@@ -2,7 +2,7 @@
 **Contributors:** [themeisle](https://profiles.wordpress.org/themeisle/), [hardeepasrani](https://profiles.wordpress.org/hardeepasrani/)  
 **Tags:** gutenberg, block, css, css editor, blocks css  
 **Requires at least:** 5.9      
-**Tested up to:** 6.2  
+**Tested up to:** 6.3  
 **Requires PHP:** 5.4    
 **Stable tag:** trunk  
 **License:** GPLv3    

plugins/blocks-css/readme.txt

@@ -2,7 +2,7 @@
 Contributors: themeisle, hardeepasrani
 Tags: gutenberg, block, css, css editor, blocks css
 Requires at least: 5.9    
-Tested up to: 6.2
+Tested up to: 6.3
 Requires PHP: 5.4  
 Stable tag: trunk
 License: GPLv3  

plugins/blocks-export-import/readme.md

@@ -2,7 +2,7 @@
 **Contributors:** [themeisle](https://profiles.wordpress.org/themeisle/), [hardeepasrani](https://profiles.wordpress.org/hardeepasrani/)  
 **Tags:** gutenberg, block, blocks, export, import, exporter, importer, block exporter, block export, block import, block importer  
 **Requires at least:** 5.9      
-**Tested up to:** 6.2  
+**Tested up to:** 6.3  
 **Requires PHP:** 5.4    
 **Stable tag:** trunk  
 **License:** GPLv3    

plugins/blocks-export-import/readme.txt

@@ -2,7 +2,7 @@
 Contributors: themeisle, hardeepasrani
 Tags: gutenberg, block, blocks, export, import, exporter, importer, block exporter, block export, block import, block importer
 Requires at least: 5.9    
-Tested up to: 6.2
+Tested up to: 6.3
 Requires PHP: 5.4  
 Stable tag: trunk
 License: GPLv3  

plugins/otter-pro/otter-pro.php

@@ -7,7 +7,7 @@
  * Plugin Name:          Otter Pro
  * Plugin URI:           https://themeisle.com/plugins/otter-blocks
  * Description:          Create beautiful and attracting posts, pages, and landing pages with Otter – Page Builder Blocks & Extensions for Gutenberg. Otter comes with dozens of Gutenberg blocks that are all you need to build beautiful pages.
- * Version:              2.3.2
+ * Version:              2.3.3
  * Author:               ThemeIsle
  * Author URI:           https://themeisle.com
  * License:              GPL-2.0+
@@ -28,7 +28,7 @@
 define( 'OTTER_PRO_PATH', dirname( __FILE__ ) );
 define( 'OTTER_PRO_BUILD_URL', plugins_url( '/', __FILE__ ) . 'build/pro/' );
 define( 'OTTER_PRO_BUILD_PATH', dirname( __FILE__ ) . '/build/pro/' );
-define( 'OTTER_PRO_VERSION', '2.3.2' );
+define( 'OTTER_PRO_VERSION', '2.3.3' );
 
 require_once dirname( __FILE__ ) . '/autoloader.php';
 $autoloader = new \ThemeIsle\OtterPro\Autoloader();

readme.md

@@ -2,7 +2,7 @@
 **Contributors:** [themeisle](https://profiles.wordpress.org/themeisle/), [hardeepasrani](https://profiles.wordpress.org/hardeepasrani/), [soarerobertdaniel7](https://profiles.wordpress.org/soarerobertdaniel7/), [mariamunteanu1](https://profiles.wordpress.org/mariamunteanu1/), [arinat](https://profiles.wordpress.org/arinat/), [uriahs-victor](https://profiles.wordpress.org/uriahs-victor/), [john_pixle](https://profiles.wordpress.org/john_pixle/), [wildmisha](https://profiles.wordpress.org/wildmisha/), [irinelenache](https://profiles.wordpress.org/irinelenache/)  
 **Tags:** block, blocks, gutenberg, gutenberg blocks, wordPress blocks, editor, block Editor, page Builder, post blocks, post grids  
 **Requires at least:** 5.9  
-**Tested up to:** 6.2  
+**Tested up to:** 6.3  
 **Requires PHP:** 5.6  
 **Stable tag:** trunk  
 **License:** GPLv3  
@@ -21,7 +21,6 @@ Otter is a Gutenberg Blocks page builder plugin that adds extra functionality to
 - Need any help with setup? Checkout our [DOCUMENTATION](https://docs.themeisle.com/article/1478-otter-blocks-documentation)
 - Interested in Otter Pro? Here are more details about [OTTER PRO](https://themeisle.com/plugins/otter-blocks/upgrade/?utm_source=wpadmin&utm_medium=readme&utm_campaign=otter-blocks)
 
-
 ## With Otter Blocks, You Get Access To
 
 - 23+ extra blocks for Gutenberg
@@ -72,7 +71,7 @@ Want to show certain blocks only when a user is Logged in or Logged Out? How abo
 
 ### A WordPress Gutenberg Blocks Animation Plugin
 
-WOW, your website visitors with amazing animations that can be added to any block on the page. With over 50+ animations available to choose from; Otter makes it possible to add some extra flare to any post or page on your website
+WOW your website visitors with amazing animations that can be added to any block on the page. With over 50+ animations available to choose from; Otter makes it possible to add some extra flare to any post or page on your website
 
 ### A WordPress Gutenberg Popup Plugin
 
@@ -84,12 +83,6 @@ With our popup block, you gain access to multiple triggers such as on load, on e
 
 Tired of always having to set the same options every time you add a block to the page? With Otter, you can set the default configuration for some of the most commonly used blocks like the Section Block, Icon Block, Advanced Heading and more.
 
-### Impact on Page Loading Speed and Performance 
-At Otter Blocks, we prioritize performance to elevate your website's user experience. Each block is carefully optimized, striking the perfect balance between speed, design, and functionality.
-
-### Enhance your Posts with Otter Blocks
-Discover a Wide Range of Post Blocks for Engaging Content, with Otter Block's post blocks, you can elevate your posts to new heights. From interactive accordions for FAQs to product reviews, countdowns, maps, and more, our versatile post blocks enrich your content seamlessly.
-
 ## Blocks Available in Otter
 
 #### Section Gutenberg Block [FREE]
@@ -184,7 +177,6 @@ Get ready to impress your readers with Otter's "Review Comparison Table" block.
 
 The Live Search feature enhances the core block Search by adding two additional attributes ( isLive and postTypes ) that can be set inside the inspector under the Live Search panel.
 
-
 ---
 
 We're constantly adding new Gutenberg Blocks to Otter to assist in your website page building. Feel free to tell us what we’re missing on our [Support Forum](https://wordpress.org/support/plugin/otter-blocks/)! Some other blocks include:
@@ -264,7 +256,6 @@ Otter Blocks is an open-source project, and we welcome contributors to be part o
 - Interested in our other plugins? Take a look [here](https://themeisle.com/wordpress-plugins/?utm_source=wpadmin&utm_medium=readme&utm_campaign=otter-blocks).
 - Get the most out of Otter Blocks with our helpful [YouTube Tutorials Playlist](https://youtube.com/playlist?list=PLmRasCVwuvpSep2MOsIoE0ncO9JE3FcKP).
 
-
 ## Screenshots ##
 
 1. Gutenberg Block Animations
@@ -317,6 +308,13 @@ The Patterns have been designed to make it easier for you to build your site usi
 
 ## Changelog ##
 
+##### [Version 2.3.3](https://github.com/Codeinwp/otter-blocks/compare/v2.3.2...v2.3.3) (2023-08-11)
+
+- WordPress 6.3 Compatibility
+
+
+
+
 ##### [Version 2.3.2](https://github.com/Codeinwp/otter-blocks/compare/v2.3.1...v2.3.2) (2023-07-17)
 
 - Added Autoresponder to Stripe Block

readme.txt

@@ -308,6 +308,13 @@ The Patterns have been designed to make it easier for you to build your site usi
 
 == Changelog ==
 
+##### [Version 2.3.3](https://github.com/Codeinwp/otter-blocks/compare/v2.3.2...v2.3.3) (2023-08-11)
+
+- WordPress 6.3 Compatibility
+
+
+
+
 ##### [Version 2.3.2](https://github.com/Codeinwp/otter-blocks/compare/v2.3.1...v2.3.2) (2023-07-17)
 
 - Added Autoresponder to Stripe Block

src/blocks/plugins/welcome-guide/editor.scss

@@ -25,7 +25,6 @@
 
     .o-welcome-guide__input {
         font-size: 13px;
-        margin: 0 0 10px;
         padding: 0 32px;
     }
 

src/blocks/plugins/welcome-guide/index.js

@@ -119,6 +119,15 @@ const WelcomeGuide = () => {
 						</Fragment>
 					)
 				},
+				{
+					image: <img src={ window.themeisleGutenberg.assetsPath + '/images/guide/welcome-ai.png' } />,
+					content: (
+						<Fragment>
+							<h1 className="o-welcome-guide__heading">{ __( 'Create amazing things in less time with AI', 'otter-blocks' ) }</h1>
+							<p className="o-welcome-guide__text">{ __( 'Supercharge your productivity with our new AI Block, which can generate forms for you in seconds. More features are coming soon.', 'otter-blocks' ) }</p>
+						</Fragment>
+					)
+				},
 				{
 					image: <img src={ window.themeisleGutenberg.assetsPath + '/images/guide/welcome-section.png' } />,
 					content: (