@learningpool/ui 1.19.1 → 1.19.2

package/components/stream/AppSwitcher/AppSwitcherStyles.js

@@ -3,6 +3,7 @@ import CloseIcon from '@mui/icons-material/Close';
 import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
 const defaultWhite = '#fff';
+const panelWidth = window.screen.width <= 1920 ? '40vw' : '30vw';
 export const AppSwitcherShadow = styled('div') `
   background-color: rgba(0, 0, 0, 0.6);
   bottom: 0;
@@ -27,7 +28,7 @@ export const AppSwitcherPanel = styled('div') `
   overflow: auto;
   overflow-x: hidden;
   position: fixed;
-  width: 50vw;
+  width: ${panelWidth};
   z-index: -2;
 `;
 export const AppSwitcherHeaderPanel = styled(Box) `
@@ -50,7 +51,7 @@ export const AppSwitcherFooterPanel = styled(Box) `
   position: fixed;
   bottom: 0;
   z-index: 1;
-  width: 50vw;
+  width: ${panelWidth};
 `;
 export const AppSwitcherHeader = styled(Typography) `
   font-size: 1.5rem;
@@ -71,8 +72,8 @@ export const StyledHomeButton = styled(Button) `
   color: #00538e;
   display: flex;
   flex-wrap: wrap;
-  left: ${props => props.theme.direction === 'ltr' ? '40vw' : 'auto'};
-  right: ${props => props.theme.direction === 'ltr' ? 'auto' : '40vw'};
+  left: ${props => props.theme.direction === 'ltr' ? `calc(${panelWidth} - 100px)` : 'auto'};
+  right: ${props => props.theme.direction === 'ltr' ? 'auto' : `calc(${panelWidth} - 100px)`};
   margin: 1rem 0 .75rem 0;
   padding: 0;
   text-decoration: none;

package/package.json

@@ -9,7 +9,7 @@
     "components",
     "ui"
   ],
-  "version": "1.19.1",
+  "version": "1.19.2",
   "private": false,
   "main": "index.js",
   "module": "index.js",

package/utils/helpers.d.ts

@@ -44,11 +44,14 @@ interface IHubTrackingProps {
     url: string;
 }
 /**
- * Add tracking log to the Hub.
- * @param {Bolean} param.isAppSwitcher - Is the interaction from App switcher.
- * @param {String} param.eventTypeId - Type of click event.
- * @param {String} param.referenceId - Clicked Id of the object.
- * @param {String} param.url - Url of the object on click.
+ * Sends tracking to the Hub.
+ * @param {string} param.hubApiUrl - Hub API endpoint.
+ * @param {string} param.apiKey - Hub API key.
+ * @param {string} param.token - Hub access token.
+ * @param {boolean} param.isAppSwitcher - Is the interaction from App switcher.
+ * @param {string} param.eventTypeId - Type of click event.
+ * @param {string} param.referenceId - Clicked Id of the object.
+ * @param {string} param.url - Url of the object on click.
  */
 export declare const handleHubTracking: ({ hubApiUrl, apiKey, token, isAppSwitcher, eventTypeId, referenceId, url }: IHubTrackingProps) => Promise<void>;
 export {};

package/utils/helpers.js

@@ -109,22 +109,21 @@ export const useFadeAndMoveIn = (delayOrder, reverse = false) => {
     return useStaggerIn(animationConfig, delayOrder, reverse);
 };
 /**
- * Add tracking log to the Hub.
- * @param {Bolean} param.isAppSwitcher - Is the interaction from App switcher.
- * @param {String} param.eventTypeId - Type of click event.
- * @param {String} param.referenceId - Clicked Id of the object.
- * @param {String} param.url - Url of the object on click.
+ * Sends tracking to the Hub.
+ * @param {string} param.hubApiUrl - Hub API endpoint.
+ * @param {string} param.apiKey - Hub API key.
+ * @param {string} param.token - Hub access token.
+ * @param {boolean} param.isAppSwitcher - Is the interaction from App switcher.
+ * @param {string} param.eventTypeId - Type of click event.
+ * @param {string} param.referenceId - Clicked Id of the object.
+ * @param {string} param.url - Url of the object on click.
  */
 export const handleHubTracking = async ({ hubApiUrl, apiKey, token, isAppSwitcher, eventTypeId, referenceId, url }) => {
     const { hostname } = window.location;
-    if (hostname === 'localhost') {
+    if (hostname === 'localhost' || !isAppSwitcher) {
         console.log('Send tracking to Hub', { isHub: !isAppSwitcher, eventTypeId, referenceId, url });
         return;
     }
-    else if (['home.learningpool.com', 'home-staging.learningpool.com'].includes(hostname)) {
-        // Not send tracking to hub
-        return;
-    }
     if (!eventTypeId || !referenceId) {
         return;
     }