4.1.0

.gitignore

@@ -2,6 +2,7 @@ node_modules/
 assets/css/*
 !assets/css/.gitkeep
 assets/js/*
+assets/blocks/
 languages/*
 !languages/.gitkeep
 test/

assets/core/ts/components/calendar.ts

@@ -2,6 +2,7 @@ import { __ } from '@wordpress/i18n';
 import dayjs from 'dayjs';
 import { type Calendar, Calendar as VanillaCalendar, type Options } from 'vanilla-calendar-pro';
 
+import { TUTOR_CUSTOM_EVENTS } from '@Core/ts/constant';
 import { DateFormats } from '@Core/ts/date-formats';
 import { type AlpineComponentMeta } from '@Core/ts/types';
 
@@ -481,7 +482,7 @@ export function calendar({ options, hidePopover }: { options: Options; hidePopov
       });
     },
 
-    navigateWithParams(params: Record<string, string | null>) {
+    navigateWithParams(params: Record<string, string | null>, presetKey?: string, presetTitle?: string) {
       const url = new URL(window.location.href);
 
       // Always reset pagination when the date filter changes.
@@ -502,6 +503,44 @@ export function calendar({ options, hidePopover }: { options: Options; hidePopov
         }
       });
 
+      const isAjax = Boolean((options as Record<string, unknown>)?.ajaxMode);
+      if (isAjax) {
+        window.history.pushState({}, '', url.toString());
+
+        const startDate = params[TUTOR_CALENDAR_QUERY_PARAMS.startDate] || '';
+        const endDate = params[TUTOR_CALENDAR_QUERY_PARAMS.endDate] || '';
+        const date = params[TUTOR_CALENDAR_QUERY_PARAMS.date] || '';
+
+        if (startDate && endDate) {
+          this.calendar?.set({ selectedDates: [startDate, endDate] });
+        } else if (date) {
+          this.calendar?.set({ selectedDates: [date] });
+        } else {
+          this.calendar?.set({ selectedDates: [] });
+        }
+
+        this.updateActivePreset();
+
+        const formattedLabel =
+          presetTitle ||
+          (startDate && endDate ? (startDate === endDate ? startDate : `${startDate} - ${endDate}`) : date || '');
+
+        window.dispatchEvent(
+          new CustomEvent(TUTOR_CUSTOM_EVENTS.DATE_FILTER_CHANGED, {
+            detail: {
+              startDate,
+              endDate,
+              date,
+              label: formattedLabel,
+              preset: presetKey || '',
+              presetTitle: presetTitle || '',
+              url: url.toString(),
+            },
+          }),
+        );
+        return;
+      }
+
       window.location.href = url.toString();
     },
 
@@ -553,18 +592,29 @@ export function calendar({ options, hidePopover }: { options: Options; hidePopov
     applyPreset(preset: Preset) {
       if (!this.calendar) return;
 
+      hidePopover?.();
+
       const dates = this.getPresetDates(preset);
+      const presetTitle = PRESET_LABELS[preset] || '';
 
       if (dates.length) {
-        this.navigateWithParams({
-          [TUTOR_CALENDAR_QUERY_PARAMS.startDate]: dates[0],
-          [TUTOR_CALENDAR_QUERY_PARAMS.endDate]: dates[1],
-        });
+        this.navigateWithParams(
+          {
+            [TUTOR_CALENDAR_QUERY_PARAMS.startDate]: dates[0],
+            [TUTOR_CALENDAR_QUERY_PARAMS.endDate]: dates[1],
+          },
+          preset,
+          presetTitle,
+        );
       } else {
-        this.navigateWithParams({
-          [TUTOR_CALENDAR_QUERY_PARAMS.startDate]: null,
-          [TUTOR_CALENDAR_QUERY_PARAMS.endDate]: null,
-        });
+        this.navigateWithParams(
+          {
+            [TUTOR_CALENDAR_QUERY_PARAMS.startDate]: null,
+            [TUTOR_CALENDAR_QUERY_PARAMS.endDate]: null,
+          },
+          preset,
+          presetTitle,
+        );
       }
     },
 

assets/core/ts/components/form.ts

@@ -227,12 +227,12 @@ async function validateFieldValue(name: string, value: unknown, rules?: Validati
   }
 
   // Numeric validations
-  if (rules.min && !isNaN(numericValue)) {
+  if (typeof rules.min !== 'undefined' && !isNaN(numericValue)) {
     const error = ValidationHelpers.validateMin(numericValue, rules.min);
     if (error) return error;
   }
 
-  if (rules.max && !isNaN(numericValue)) {
+  if (typeof rules.max !== 'undefined' && !isNaN(numericValue)) {
     const error = ValidationHelpers.validateMax(numericValue, rules.max);
     if (error) return error;
   }

assets/core/ts/components/player.ts

@@ -2,7 +2,7 @@ import { TUTOR_CUSTOM_EVENTS } from '@Core/ts/constant';
 import { type AlpineComponentMeta } from '@Core/ts/types';
 import { isMobileDevice } from '@Core/ts/utils/util';
 
-import { isVimeoPlyr } from '@FrontendTypes/index';
+import { isVimeoPlyr, isYouTubePlyr } from '@FrontendTypes/index';
 
 export interface PlayerProps {
   config?: Plyr.Options;
@@ -51,6 +51,13 @@ export const player = (props: PlayerProps = {}): AlpinePlayerData => ({
             console.warn('Vimeo mute init failed:', err);
           }
         }
+
+        // Tab click reveals youtube controls fixed
+        if (this.plyr && isYouTubePlyr(this.plyr)) {
+          const iframe = this.plyr.elements.wrapper?.querySelector('iframe');
+          iframe?.setAttribute('tabindex', '-1');
+          iframe?.setAttribute('aria-hidden', 'true');
+        }
       });
 
       this.plyr.on('play', () => {
@@ -70,6 +77,16 @@ export const player = (props: PlayerProps = {}): AlpinePlayerData => ({
           }
         }
       });
+
+      this.plyr.on('enterfullscreen', (event) => {
+        const instance = event.detail.plyr;
+        instance?.elements.wrapper?.classList.add('is-fullscreen');
+      });
+
+      this.plyr.on('exitfullscreen', (event) => {
+        const instance = event.detail.plyr;
+        instance?.elements.wrapper?.classList.remove('is-fullscreen');
+      });
     }
 
     // Dispatch custom event when player is ready

assets/core/ts/constant.ts

@@ -18,4 +18,6 @@ export const TUTOR_CUSTOM_EVENTS = {
   QUIZ_ABANDON_REQUESTED: 'tutor-quiz-abandon-requested',
   QUIZ_ATTEMPT_COMPLETED: 'tutor-quiz-attempt-completed',
   CONTENT_CHANGED: 'tutor_content_changed_event',
+  DATE_FILTER_CHANGED: 'tutor:date-filter-changed',
+  SORT_CHANGED: 'tutor:sort-changed',
 };

assets/core/ts/utils/endpoints.ts

@@ -67,6 +67,8 @@ const endpoints = {
   QUIZ_ATTEMPT_SUBMIT: 'tutor_answering_quiz_question',
   REVIEW_QUIZ_ANSWERS: 'tutor_review_quiz_answers',
   INSTRUCTOR_FEEDBACK: 'tutor_instructor_feedback',
+  SAVE_QUESTION_FEEDBACK: 'tutor_save_question_feedback',
+  DELETE_QUESTION_FEEDBACK: 'tutor_delete_question_feedback',
 
   // ZOOM
   GET_ZOOM_MEETING_DETAILS: 'tutor_zoom_meeting_details',

assets/src/blocks/cart-button/block.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "https://schemas.wp.org/trunk/block.json",
+  "apiVersion": 3,
+  "name": "tutor-blocks/cart-button",
+  "title": "Cart Button",
+  "category": "tutor",
+  "icon": "cart",
+  "description": "Display a cart button with item count for Tutor LMS ecommerce",
+  "attributes": {
+    "showCount": {
+      "type": "string",
+      "default": "if_has_items"
+    },
+    "customClass": {
+      "type": "string",
+      "default": "tutor-cart-button"
+    },
+    "iconColor": {
+      "type": "string",
+      "default": ""
+    },
+    "cartIcon": {
+      "type": "string",
+      "default": "cart"
+    },
+    "iconSize": {
+      "type": "number",
+      "default": 20
+    },
+    "badgeBgColor": {
+      "type": "string",
+      "default": "#0c111d"
+    },
+    "badgeTextColor": {
+      "type": "string",
+      "default": "#ffffff"
+    }
+  },
+  "supports": {
+    "spacing": {
+      "margin": true,
+      "padding": true
+    }
+  },
+  "editorScript": "file:./index.js",
+  "style": "tutor-cart-button",
+  "render": "file:./render.php"
+}