release(minor): v3.14

#### New Features

- You can now create **sub-API keys** in the Optimole dashboard to connect sites while restricting access to specific folders. Ideal for agencies and multi-site users, this feature allows **folder-level access control**.  
- **Bulk delete assets in the Cloud Library**, including entire folders with their contents.  

#### Enhancements

- Added **basic previews for video and audio files** in the Optimole dashboard, now with an **asset player** in the file details modal.  
- **Increased the maximum file upload size** in the Cloud Library to **100MB** for better support of larger media files.  
- The **Cloud Library now remembers your last used display mode**, keeping your preferred **folder view or image gallery view** for a smoother experience.  
- **Improved folder listing**, allowing more than **50 folders** to load dynamically for better navigation.  
- **Optimized upload process** by uploading files faster to our cloud.

#### Bug Fixes

- **Fixed folder movement behavior**, preventing folders from being moved into their own subfolders.  
- **Fixed folder creation modal layout**, ensuring button text is displayed correctly.

Author: abaicus

assets/src/dashboard/parts/components/Modal.js

@@ -12,7 +12,7 @@ export default function Modal({	icon, labels = {}, onRequestClose = () => {}, on
 		'bg-stale-yellow': 'warning' === variant,
 		'bg-light-blue': 'default' === variant
 	},
-	'p-3 rounded-full'
+	'p-2 rounded-full flex items-center justify-center'
 	);
 
 	const actionButtonClasses = classnames(
@@ -37,11 +37,12 @@ export default function Modal({	icon, labels = {}, onRequestClose = () => {}, on
 			/>
 
 			<div className="flex flex-col items-center">
-				<Icon
-					icon={ icon }
-					size={ 24 }
-					className={iconClasses}
-				/>
+				<span className={iconClasses}>
+					<Icon
+						icon={ icon }
+						size={ 24 }
+					/>
+				</span>
 
 				<h2
 					className="mb-0"

assets/src/dashboard/parts/connected/settings/OffloadMedia.js

@@ -6,7 +6,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { Icon } from '@wordpress/icons';
 
 import { warning, rollback as rollbackIcon, offload, warningAlt, sync } from '../../../utils/icons';
-import { callSync, checkOffloadConflicts, saveSettings } from '../../../utils/api';
+import { callSync, clearOffloadErrors, checkOffloadConflicts, saveSettings } from '../../../utils/api';
 import Notice from '../../components/Notice';
 import RadioBoxes from '../../components/RadioBoxes';
 import ProgressTile from '../../components/ProgressTile';
@@ -113,7 +113,9 @@ const OffloadMedia = ({ settings, canSave, setSettings, setCanSave }) => {
 	}, []);
 
 
-	const onOffloadMedia = ( imageIds = []) => {
+	const onOffloadMedia = async( imageIds = []) => {
+		await clearOffloadErrors();
+
 		const nextSettings = { ...settings };
 		nextSettings['show_offload_finish_notice'] = '';
 		nextSettings['offloading_status'] = 'enabled';

assets/src/dashboard/utils/api.js

@@ -592,6 +592,17 @@ export const callSync = ( data ) => {
 		});
 };
 
+export const clearOffloadErrors = async() => {
+	try {
+		return await apiFetch({
+			path: optimoleDashboardApp.routes['clear_offload_errors'],
+			method: 'GET'
+		});
+	} catch ( error ) {
+		console.log( error );
+	}
+};
+
 export const addNotice = ( text )  => {
 	createNotice(
 		'info',

composer.lock

@@ -612,6 +612,15 @@ protected function parse_dimensions_from_filename( $src ) {
 			if ( $width && $height ) {
 				return [ $width, $height, $crop ];
 			}
+		} else {
+			$optimized_args = $this->parse_dimension_from_optimized_url( $src );
+			if ( $optimized_args[0] !== 'auto' || $optimized_args[1] !== 'auto' ) {
+				return [
+					$optimized_args[0] !== 'auto' ? (int) $optimized_args[0] : false,
+					$optimized_args[1] !== 'auto' ? (int) $optimized_args[1] : false,
+					false,
+				];
+			}
 		}
 
 		return [ false, false, false ];

inc/app_replacer.php

@@ -92,7 +92,7 @@ public static function instance() {
 
 		if ( null === self::$_instance ) {
 			add_filter( 'themeisle_sdk_products', [ __CLASS__, 'register_sdk' ] );
-			add_filter( 'themeisle_sdk_ran_promos', '__return_true' );
+			add_filter( 'themeisle_sdk_ran_promos', [ __CLASS__, 'sdk_hide_promo_notice' ] );
 			add_filter( 'optimole-wp_uninstall_feedback_icon', [ __CLASS__, 'change_icon' ] );
 			add_filter( 'optimole_wp_uninstall_feedback_after_css', [ __CLASS__, 'adds_uf_css' ] );
 			add_filter( 'optimole_wp_feedback_review_message', [ __CLASS__, 'change_review_message' ] );
@@ -246,4 +246,19 @@ public function __clone() {
 	public function __wakeup() {
 		_doing_it_wrong( __FUNCTION__, __( 'Cheatin’ huh?', 'optimole-wp' ), '1.0.0' );
 	}
+
+	/**
+	 * Hide SDK promo notice for pro uses.
+	 *
+	 * @access public
+	 */
+	public static function sdk_hide_promo_notice( $should_show ) {
+		if ( self::$_instance->admin->settings->is_connected() ) {
+			$service_data = self::$_instance->admin->settings->get( 'service_data' );
+			if ( isset( $service_data['plan'] ) && 'free' !== $service_data['plan'] ) {
+				return true;
+			}
+		}
+		return $should_show;
+	}
 }

inc/main.php

@@ -2754,4 +2754,18 @@ private function get_offloaded_attachment_url( $attachment_id, $url ) {
 
 		return $url;
 	}
+
+	/**
+	 * Cleanup the offload errors meta.
+	 */
+	public static function clear_offload_errors_meta() {
+		global $wpdb;
+
+		return $wpdb->query(
+			$wpdb->prepare(
+				"DELETE FROM {$wpdb->postmeta} WHERE meta_key = %s",
+				self::META_KEYS['offload_error']
+			)
+		);
+	}
 }

inc/media_offload.php

@@ -78,6 +78,7 @@ class Optml_Rest {
 		],
 		'media_cloud_routes' => [
 			'number_of_images_and_pages' => 'POST',
+			'clear_offload_errors' => 'GET',
 			'get_offload_conflicts' => 'GET',
 		],
 		'watermark_routes' => [
@@ -867,6 +868,19 @@ public function number_of_images_and_pages( WP_REST_Request $request ) {
 		return $this->response( Optml_Media_Offload::get_image_count( $action, $refresh, $images ) );
 	}
 
+	/**
+	 * Clear the offload errors from previous offload attempts.
+	 *
+	 * @param WP_REST_Request $request Rest request object.
+	 *
+	 * @return WP_REST_Response
+	 */
+	public function clear_offload_errors( WP_REST_Request $request ) {
+		$delete_count = Optml_Media_Offload::clear_offload_errors_meta();
+
+		return $this->response( [ 'success' => $delete_count ] );
+	}
+
 	/**
 	 * Get conflicts list.
 	 *

inc/rest.php

@@ -9,6 +9,7 @@
 final class Optml_Tag_Replacer extends Optml_App_Replacer {
 	use Optml_Normalizer;
 	use Optml_Validator;
+	use Optml_Dam_Offload_Utils;
 
 	/**
 	 * Cached object instance.

inc/tag_replacer.php

@@ -25,6 +25,7 @@ class Test_Lazyload extends WP_UnitTestCase {
 	<img src="http://example.org/wp-content/optimole-wp/assets/img/logo5.gif">
 	 ';
 	const DAM_IMG_TAG = '<img width="100" height="200" src="https://cloudUrlTest.test/dam:1/w:auto/h:auto/q:auto/id:b1b12ee03bf3945d9d9bb963ce79cd4f/https://test-site.test/9.jpg">';
+	const DAM_IMG_TAG_NO_WIDTH = '<img src="https://cloudUrlTest.test/w:200/h:300/process:20202/q:auto/id:b1b12ee03bf3945d9d9bb963ce79cd4f/https://test-site.test/9.jpg">';
 	public function setUp() : void {
 		parent::setUp();
 		$settings = new Optml_Settings();
@@ -575,4 +576,13 @@ public function test_dam_lazyloading() {
 
 		$this->assertStringContainsString( 'data-opt-src="https://cloudUrlTest.test/w:100/h:200/rt:fill/g:ce/ig:avif/q:mauto/id:b1b12ee03bf3945d9d9bb963ce79cd4f/https://test-site.test/9.jpg"', $replaced_content );
 	}
+	public function test_dam_lazyloading_no_wh_attributes() {
+		add_filter('optml_lazyload_images_skip','__return_zero');
+		Optml_Manager::instance()->lazyload_replacer->settings->update('lazyload_placeholder','enabled');
+		Optml_Manager::instance()->lazyload_replacer->init();
+		$replaced_content = Optml_Manager::instance()->process_images_from_content( self::DAM_IMG_TAG_NO_WIDTH );
+		$svg = Optml_Manager::instance()->lazyload_replacer->get_svg_for( 200, 300, 'http://example.org/testimage.png' );
+		$this->assertStringContainsString( $svg, $replaced_content );
+		remove_filter('optml_lazyload_images_skip','__return_zero');
+	}
 }