@anas_hameed/edly-saas-widget 0.2.61 → 0.2.70

package/dist/DiscussionSidebarWidget/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DiscussionSidebarWidget = void 0;
+var _react = require("react");
+const COURSE_PAGE_PATTERN = /\/learning\/(course|preview\/course)\/[^/]+\/[^/]+/;
+const DISCUSSIONS_IFRAME_SELECTOR = 'iframe[src*="inContextSidebar"]';
+const OUTLINE_TOGGLE_SELECTOR = '.outline-sidebar-toggle-btn';
+const DiscussionSidebarWidget = () => {
+  (0, _react.useEffect)(() => {
+    if (!COURSE_PAGE_PATTERN.test(window.location.pathname)) {
+      return undefined;
+    }
+    let rafId;
+    let lastHandledPath = null;
+    const switchToOutline = () => {
+      const currentPath = window.location.pathname;
+      if (currentPath === lastHandledPath) {
+        return;
+      }
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(() => {
+        const outlineToggle = document.querySelector(OUTLINE_TOGGLE_SELECTOR);
+        if (outlineToggle) {
+          outlineToggle.click();
+        } else {
+          // Mobile or outline unavailable — just close discussions
+          window.postMessage({
+            type: 'learning.events.sidebar.close'
+          }, window.location.origin);
+        }
+        lastHandledPath = currentPath;
+      });
+    };
+    if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {
+      switchToOutline();
+    }
+
+    // Stay alive across client-side navigations (next/prev unit).
+    // SidebarContextProvider resets currentSidebar to discussions on each
+    // unitId change — observer catches the iframe reappearing and switches
+    // back to outline. lastHandledPath prevents interfering when the user
+    // manually opens discussions on the same page.
+    const observer = new MutationObserver(() => {
+      if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {
+        switchToOutline();
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => {
+      observer.disconnect();
+      cancelAnimationFrame(rafId);
+    };
+  }, []);
+  return null;
+};
+exports.DiscussionSidebarWidget = DiscussionSidebarWidget;
+//# sourceMappingURL=index.js.map

package/dist/DiscussionSidebarWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","require","COURSE_PAGE_PATTERN","DISCUSSIONS_IFRAME_SELECTOR","OUTLINE_TOGGLE_SELECTOR","DiscussionSidebarWidget","useEffect","test","window","location","pathname","undefined","rafId","lastHandledPath","switchToOutline","currentPath","cancelAnimationFrame","requestAnimationFrame","outlineToggle","document","querySelector","click","postMessage","type","origin","observer","MutationObserver","observe","body","childList","subtree","disconnect","exports"],"sources":["../../src/DiscussionSidebarWidget/index.jsx"],"sourcesContent":["import { useEffect } from 'react';\n\nconst COURSE_PAGE_PATTERN = /\\/learning\\/(course|preview\\/course)\\/[^/]+\\/[^/]+/;\nconst DISCUSSIONS_IFRAME_SELECTOR = 'iframe[src*=\"inContextSidebar\"]';\nconst OUTLINE_TOGGLE_SELECTOR = '.outline-sidebar-toggle-btn';\n\nconst DiscussionSidebarWidget = () => {\n  useEffect(() => {\n    if (!COURSE_PAGE_PATTERN.test(window.location.pathname)) { return undefined; }\n\n    let rafId;\n    let lastHandledPath = null;\n\n    const switchToOutline = () => {\n      const currentPath = window.location.pathname;\n      if (currentPath === lastHandledPath) { return; }\n\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        const outlineToggle = document.querySelector(OUTLINE_TOGGLE_SELECTOR);\n        if (outlineToggle) {\n          outlineToggle.click();\n        } else {\n          // Mobile or outline unavailable — just close discussions\n          window.postMessage({ type: 'learning.events.sidebar.close' }, window.location.origin);\n        }\n        lastHandledPath = currentPath;\n      });\n    };\n\n    if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {\n      switchToOutline();\n    }\n\n    // Stay alive across client-side navigations (next/prev unit).\n    // SidebarContextProvider resets currentSidebar to discussions on each\n    // unitId change — observer catches the iframe reappearing and switches\n    // back to outline. lastHandledPath prevents interfering when the user\n    // manually opens discussions on the same page.\n    const observer = new MutationObserver(() => {\n      if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {\n        switchToOutline();\n      }\n    });\n\n    observer.observe(document.body, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      cancelAnimationFrame(rafId);\n    };\n  }, []);\n\n  return null;\n};\n\nexport { DiscussionSidebarWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,mBAAmB,GAAG,oDAAoD;AAChF,MAAMC,2BAA2B,GAAG,iCAAiC;AACrE,MAAMC,uBAAuB,GAAG,6BAA6B;AAE7D,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACpC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACJ,mBAAmB,CAACK,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,EAAE;MAAE,OAAOC,SAAS;IAAE;IAE7E,IAAIC,KAAK;IACT,IAAIC,eAAe,GAAG,IAAI;IAE1B,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,MAAMC,WAAW,GAAGP,MAAM,CAACC,QAAQ,CAACC,QAAQ;MAC5C,IAAIK,WAAW,KAAKF,eAAe,EAAE;QAAE;MAAQ;MAE/CG,oBAAoB,CAACJ,KAAK,CAAC;MAC3BA,KAAK,GAAGK,qBAAqB,CAAC,MAAM;QAClC,MAAMC,aAAa,GAAGC,QAAQ,CAACC,aAAa,CAAChB,uBAAuB,CAAC;QACrE,IAAIc,aAAa,EAAE;UACjBA,aAAa,CAACG,KAAK,CAAC,CAAC;QACvB,CAAC,MAAM;UACL;UACAb,MAAM,CAACc,WAAW,CAAC;YAAEC,IAAI,EAAE;UAAgC,CAAC,EAAEf,MAAM,CAACC,QAAQ,CAACe,MAAM,CAAC;QACvF;QACAX,eAAe,GAAGE,WAAW;MAC/B,CAAC,CAAC;IACJ,CAAC;IAED,IAAII,QAAQ,CAACC,aAAa,CAACjB,2BAA2B,CAAC,EAAE;MACvDW,eAAe,CAAC,CAAC;IACnB;;IAEA;IACA;IACA;IACA;IACA;IACA,MAAMW,QAAQ,GAAG,IAAIC,gBAAgB,CAAC,MAAM;MAC1C,IAAIP,QAAQ,CAACC,aAAa,CAACjB,2BAA2B,CAAC,EAAE;QACvDW,eAAe,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;IAEFW,QAAQ,CAACE,OAAO,CAACR,QAAQ,CAACS,IAAI,EAAE;MAAEC,SAAS,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAK,CAAC,CAAC;IAEnE,OAAO,MAAM;MACXL,QAAQ,CAACM,UAAU,CAAC,CAAC;MACrBf,oBAAoB,CAACJ,KAAK,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACb,CAAC;AAACoB,OAAA,CAAA3B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/FooterWidget/main.scss

@@ -86,7 +86,7 @@ $font-size: 1em;
       span {
         display: none;
       }
-      i.fab {
+      i.fab, i.fa-brands {
         font-family: "Font Awesome 6 Brands" !important;
       }
       i.fa {

package/dist/HeaderWidget/main.scss

@@ -534,7 +534,7 @@ li.menu-item-object-menu_openedx {
       margin: 0;
     }
     &.signin_openedx {
-      @media (max-width: $mobile-breakpoint) {
+      @media (min-width: $mobile-breakpoint) {
         order: 2;
         padding-right: 10px !important;
       }
@@ -552,7 +552,7 @@ li.menu-item-object-menu_openedx {
     }
 
     &.wpml-ls-item {
-      @media (max-width: $mobile-breakpoint) {
+      @media (min-width: $mobile-breakpoint) {
         width: 100px;
         margin-left: auto;
         order: 1;
@@ -561,7 +561,7 @@ li.menu-item-object-menu_openedx {
       }
 
       > a {
-        @media (max-width: $mobile-breakpoint) {
+        @media (min-width: $mobile-breakpoint) {
           display: flex;
           align-items: center;
           justify-content: center;
@@ -584,19 +584,19 @@ li.menu-item-object-menu_openedx {
       }
 
       ul.sub-menu {
-        @media (max-width: $mobile-breakpoint) {
+        @media (min-width: $mobile-breakpoint) {
           min-width: 80px;
           max-width: 80px;
         }
 
         li {
           a {
-            @media (max-width: $mobile-breakpoint) {
+            @media (min-width: $mobile-breakpoint) {
               min-width: auto;
               text-align: center;
             }
 
-            @media (max-width: $mobile-breakpoint) {
+            @media (min-width: $mobile-breakpoint) {
               padding-left: 0 !important;
 
               &:hover {
@@ -616,11 +616,20 @@ li.menu-item-object-menu_openedx {
       }
     }
   }
+  @media (min-width: $mobile-breakpoint) {
+    &:not(:has(.wpml-ls-item)) {
+      .menu_openedx,
+      .signin_openedx {
+        margin-left: auto;
+      }
+    }
+  }
 
-  &:not(:has(.wpml-ls-item)) {
-    .menu_openedx,
-    .signin_openedx {
-      margin-left: auto;
+  ul.sub-menu {
+    li.user_info_openedx {
+      @media (max-width: $mobile-breakpoint) {
+          display: none;
+      }
     }
   }
 }

package/dist/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "DiscussionSidebarWidget", {
+  enumerable: true,
+  get: function () {
+    return _DiscussionSidebarWidget.DiscussionSidebarWidget;
+  }
+});
 Object.defineProperty(exports, "EdlyLogistrationInfo", {
   enumerable: true,
   get: function () {
@@ -68,6 +74,7 @@ var _FooterWidget = _interopRequireDefault(require("./FooterWidget"));
 var _EmailCheckWidget = require("./EmailCheckWidget");
 var _EdlyLogistrationInfo = require("./EdlyLogistrationInfo");
 var _MultiSiteBannerWidget = require("./MultiSiteBannerWidget");
+var _DiscussionSidebarWidget = require("./DiscussionSidebarWidget");
 var _BannerContent = _interopRequireDefault(require("./MultiSiteBannerWidget/BannerContent"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_HeaderWidget","_interopRequireDefault","require","_FooterWidget","_EmailCheckWidget","_EdlyLogistrationInfo","_MultiSiteBannerWidget","_BannerContent","e","__esModule","default"],"sources":["../src/index.js"],"sourcesContent":["import HeaderWidget from './HeaderWidget';\nimport FooterWidget from './FooterWidget';\n\nexport { HeaderWidget, FooterWidget };\nexport {\n  EmailCheckWidget,\n  reducer as emailCheckReducer,\n  saga as emailCheckSaga,\n  storeName as emailCheckStoreName,\n  emailCheckComplete,\n} from './EmailCheckWidget';\nexport { EdlyLogistrationInfo } from './EdlyLogistrationInfo';\nexport { MultiSiteBannerWidget } from './MultiSiteBannerWidget';\nexport { default as MultiSiteBannerContent } from './MultiSiteBannerWidget/BannerContent';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,iBAAA,GAAAF,OAAA;AAOA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA0F,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_HeaderWidget","_interopRequireDefault","require","_FooterWidget","_EmailCheckWidget","_EdlyLogistrationInfo","_MultiSiteBannerWidget","_DiscussionSidebarWidget","_BannerContent","e","__esModule","default"],"sources":["../src/index.js"],"sourcesContent":["import HeaderWidget from './HeaderWidget';\nimport FooterWidget from './FooterWidget';\n\nexport { HeaderWidget, FooterWidget };\nexport {\n  EmailCheckWidget,\n  reducer as emailCheckReducer,\n  saga as emailCheckSaga,\n  storeName as emailCheckStoreName,\n  emailCheckComplete,\n} from './EmailCheckWidget';\nexport { EdlyLogistrationInfo } from './EdlyLogistrationInfo';\nexport { MultiSiteBannerWidget } from './MultiSiteBannerWidget';\nexport { DiscussionSidebarWidget } from './DiscussionSidebarWidget';\nexport { default as MultiSiteBannerContent } from './MultiSiteBannerWidget/BannerContent';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,iBAAA,GAAAF,OAAA;AAOA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA0F,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anas_hameed/edly-saas-widget",
-  "version": "0.2.61",
+  "version": "0.2.70",
   "description": "Frontend application template",
   "main": "dist/index.js",
   "repository": {