@anas_hameed/edly-saas-widget 0.2.56 → 0.2.62

package/dist/FooterWidget/main.scss

@@ -83,28 +83,17 @@ $font-size: 1em;
       width: 24px;
       height: 24px;
       display: inline-flex;
-      i, span {
+      span {
         display: none;
       }
-      &:after {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 24px;
-        height: 24px;
-        display: block !important;
+      i.fab, i.fa-brands {
+        font-family: "Font Awesome 6 Brands" !important;
       }
-      &.facebook {
-        &:after {
-           background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3'/></svg>") no-repeat bottom;
-          }
+      i.fa {
+        font-family: "Font Awesome 6 Free" !important;
       }
-      &.twitter {
-        &:after {
-          background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M4 4l11.733 16h4.267l-11.733 -16z'/><path d='M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772'/></svg>") no-repeat bottom;
-
-          }
+      &:hover {
+        text-decoration: none;
       }
     }
   }

package/dist/HeaderWidget/main.scss

@@ -526,3 +526,110 @@ li.menu-item-object-menu_openedx {
     }
   }
 }
+
+#menu-primary-menu {
+  > li {
+    &.menu_openedx {
+      order: 2;
+      margin: 0;
+    }
+    &.signin_openedx {
+      @media (min-width: $mobile-breakpoint) {
+        order: 2;
+        padding-right: 10px !important;
+      }
+
+      a {
+        color: #fff;
+        background: $primary-color;
+        padding: 8px 16px;
+        border-radius: 6px;
+
+        &:hover::before {
+          display: none;
+        }
+      }
+    }
+
+    &.wpml-ls-item {
+      @media (min-width: $mobile-breakpoint) {
+        width: 100px;
+        margin-left: auto;
+        order: 1;
+        position: relative;
+        right: -30px;
+      }
+
+      > a {
+        @media (min-width: $mobile-breakpoint) {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        pointer-events: none;
+
+        &::before,
+        &::after {
+          display: none;
+        }
+
+        img {
+          width: 25px;
+          height: 25px;
+          border-radius: 50%;
+          object-fit: cover;
+          object-position: center;
+        }
+      }
+
+      ul.sub-menu {
+        @media (min-width: $mobile-breakpoint) {
+          min-width: 80px;
+          max-width: 80px;
+        }
+
+        li {
+          a {
+            @media (min-width: $mobile-breakpoint) {
+              min-width: auto;
+              text-align: center;
+            }
+
+            @media (min-width: $mobile-breakpoint) {
+              padding-left: 0 !important;
+
+              &:hover {
+                background: transparent;
+              }
+            }
+
+            img {
+              width: 25px;
+              height: 25px;
+              border-radius: 50%;
+              object-fit: cover;
+              object-position: center;
+            }
+          }
+        }
+      }
+    }
+  }
+  @media (min-width: $mobile-breakpoint) {
+    &: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,12 +3,6 @@
 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 () {
@@ -74,7 +68,6 @@ 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","_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":[]}
+{"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":[]}

package/package.json

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

package/dist/DiscussionSidebarWidget/index.js

@@ -1,63 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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":[]}