Merge branch 'develop' into feat/generate-css-file

# Conflicts:
#	src/design-library/init.php

Author: [email protected]

plugin.php

@@ -28,7 +28,7 @@
 defined( 'STACKABLE_VERSION' ) || define( 'STACKABLE_VERSION', '3.18.0' );
 defined( 'STACKABLE_FILE' ) || define( 'STACKABLE_FILE', __FILE__ );
 defined( 'STACKABLE_I18N' ) || define( 'STACKABLE_I18N', 'stackable-ultimate-gutenberg-blocks' ); // Plugin slug.
-defined( 'STACKABLE_DESIGN_LIBRARY_URL' ) || define( 'STACKABLE_DESIGN_LIBRARY_URL', 'https://storage.googleapis.com/stackable-plugin-assets' ); // Design Library CDN URL
+defined( 'STACKABLE_DESIGN_LIBRARY_URL' ) || define( 'STACKABLE_DESIGN_LIBRARY_URL', 'https://stackable-files.pages.dev' ); // Design Library CDN URL
 
 /********************************************************************************************
  * Activation & PHP version checks.

readme.txt

@@ -322,7 +322,11 @@ Nope. Stackable only works with Gutenberg, the new WordPress editor.
 * Fixed: Added support for CSS optimizers that strip out the "px" from "0px" #3564
 * Fixed: Added some missing string translations #3414
 
+= 3.17.3 =
+* Fixed: Stopped design library from being registered as patterns
+
 = 3.17.2 =
+* Fixed: Design Library - Updated CDN URL
 * Fixed: If using non-English locale, Google Fonts may not load properly in the editor
 * Fixed: Do not create a new design library block if there already is one
 

src/components/block-styles-control/editor.scss

@@ -84,7 +84,7 @@
 
 .ugb-block-styles-controls__popover {
 	.components-popover__content {
-		width: 350px !important;
+		width: 370px !important;
 	}
 	.components-button {
 		width: 100%;
@@ -109,6 +109,9 @@
 		overflow: hidden !important;
 		min-height: 0 !important;
 		max-height: 0 !important;
+		opacity: 0 !important;
+		margin: 0 !important;
+		padding: 0 !important;
 	}
 
 	.components-panel__body-description {

src/components/block-styles-control/index.js

@@ -340,15 +340,15 @@ const SaveUpdateButtons = props => {
 	const ActionButtons = applyFilters( 'stackable.global-settings.global-block-styles.action-buttons', Fragment )
 
 	return ( <>
-		<Flex style={ { marginTop: '24px' } }>
+		<Flex style={ { marginTop: '24px', justifyContent: 'flex-end' } }>
 			<ActionButtons { ...propsToPass } />
 			<FlexItem style={ ! props.blockStyle || ! props.inOptions ? { marginLeft: 'auto' } : {} }>
 				<Button
 					variant="primary"
 					onClick={ () => onAddBlockStyle() }
 					size="small"
 				>
-					{ __( 'Save as New Style', i18n ) }
+					{ __( 'Save New Block Style', i18n ) }
 					{ ! isPro && <span className="stk-pulsating-circle" role="presentation" /> }
 				</Button>
 			</FlexItem>

src/components/design-library-list/util.js

@@ -1,6 +1,8 @@
 /* eslint-disable no-console */
 import DEFAULT from './default.json'
-import { settings, isPro } from 'stackable'
+import {
+	settings, isPro, cdnUrl,
+} from 'stackable'
 import { parse, serialize } from '@wordpress/blocks'
 
 const DEFAULT_CONTENT = { ...DEFAULT }
@@ -199,7 +201,7 @@ export const parseDisabledBlocks = parsedBlock => {
 	return { block, blocksForSubstitution }
 }
 
-const IMAGE_STORAGE = 'https://storage.googleapis.com/stackable-plugin-assets/library-v4/images/'
+const IMAGE_STORAGE = cdnUrl.replace( /\/$/, '' ) + '/library-v4/images/'
 
 export const addPlaceholderForPostsBlock = ( content, postsPlaceholder, defaultValues ) => {
 	const remainingPosts = [ ...postsPlaceholder ]

src/components/pro-control-button/index.js

@@ -24,7 +24,7 @@ const ProControlButton = props => {
 	} )
 
 	return (
-		<div className="components-base-control">
+		<div className="components-base-control ugb-pro-control-button">
 			<button className="ugb-pro-control-more-dots" onClick={ () => setIsOpen( v => ! v ) }>
 				<div className="ugb-pro-control-more-dots__dot stk-pulsating-circle"></div>
 				<div className="ugb-pro-control-more-dots__dot stk-pulsating-circle"></div>

src/components/pro-control/index.js

@@ -120,32 +120,34 @@ const LABELS = {
 	'font-pairs': {
 		title: __( 'Premium Typography', i18n ),
 		description: <ul>
-			<li>{ __( 'Access to 90+ curated font pairs', i18n ) }</li>
-			<li>{ __( 'Create your own custom font pairs', i18n ) }</li>
+			<li>{ __( 'Apply beautiful typography combinations instantly', i18n ) }</li>
+			<li>{ __( 'Access to 90+ curated font pairs for professional designs', i18n ) }</li>
+			<li>{ __( 'Create custom font combinations for your brand', i18n ) }</li>
 		</ul>,
 	},
 	'color-schemes': {
 		title: __( 'Premium Color Schemes', i18n ),
 		description: <ul>
+			<li>{ __( 'Define site-wide colors that apply to all blocks automatically', i18n ) }</li>
 			<li>{ __( 'Access to 50+ curated color scheme presets', i18n ) }</li>
-			<li>{ __( 'Create your own color schemes', i18n ) }</li>
-			<li>{ __( 'Set default color schemes for blocks and sections', i18n ) }</li>
-			<li>{ __( 'Streamline your design workflow', i18n ) }</li>
+			<li>{ __( 'Create custom color schemes for backgrounds, containers, and buttons', i18n ) }</li>
 		</ul>,
 	},
 	'preset-controls': {
 		title: __( 'Premium Preset Controls', i18n ),
 		description: <ul>
 			<li>{ __( 'Customize your own presets like small, medium, large & x-large', i18n ) }</li>
+			<li>{ __( 'Maintain structured, well-balanced designs effortlessly', i18n ) }</li>
 			<li>{ __( 'Use Global Typography sizes as presets', i18n ) }</li>
 		</ul>,
 	},
 	'global-block-styles': {
 		title: __( 'Global Block Styles', i18n ),
 		description: <ul>
-			<li>{ __( 'Create and use your own block styles', i18n ) }</li>
-			<li>{ __( 'Update your block styles', i18n ) }</li>
-			<li>{ __( 'Organize your custom block styles', i18n ) }</li>
+			<li>{ __( 'Design once, apply everywhere - no more copy-paste', i18n ) }</li>
+			<li>{ __( 'Class-based styling for leaner, faster websites', i18n ) }</li>
+			<li>{ __( 'Sync changes across all blocks instantly', i18n ) }</li>
+			<li>{ __( 'Override styles while keeping them synced', i18n ) }</li>
 		</ul>,
 	},
 }

src/deprecated/block-defaults/index.js

@@ -2,6 +2,7 @@ import { settings as stackableSettings } from 'stackable'
 
 // Conditionally import scripts
 if ( stackableSettings.stackable_enable_block_defaults ) {
-	import( './save-block' )
-	import( './global-settings' )
+	// Use require instead of dynamic import to avoid code splitting
+	require( './save-block' )
+	require( './global-settings' )
 }

src/deprecated/v2/design-library/init.php

@@ -119,7 +119,7 @@ public function get_block_designs( $request ) {
 				$designs = json_decode( $content, true );
 
 				// Cache results.
-				set_transient( 'stackable_get_block_designs_v2_' . $block, $designs, DAY_IN_SECONDS );
+				set_transient( 'stackable_get_block_designs_v2_' . $block, $designs, 7 * DAY_IN_SECONDS );
 			}
 
 			$designs = apply_filters( 'stackable_block_design_v2_' . $block, $designs );