@edx/frontend-app-subscription-learner-dashboard 1.65.2 → 1.65.4

package/dist/tracking/trackingContext.d.ts

@@ -11,6 +11,7 @@ export interface CommonTrackingProps {
     subscription_end_date?: string | null;
     current_period_end?: string | null;
     trial_end_date?: string | null;
+    isSubscriber?: boolean;
 }
 export declare const setCommonTrackingProps: (props: CommonTrackingProps) => void;
 export declare const getCommonTrackingProps: () => CommonTrackingProps;

package/dist/tracking/trackingContext.js

@@ -6,7 +6,7 @@ export const setCommonTrackingProps = (props) => {
 export const getCommonTrackingProps = () => commonProps;
 // Single place that maps the subs/init API response -> tracking props
 export const mapSubsInitToTrackingProps = (data) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     return ({
         free_trial_status: (_a = data === null || data === void 0 ? void 0 : data.userSubscription) === null || _a === void 0 ? void 0 : _a.trialActive,
         subscription_status: (_b = data === null || data === void 0 ? void 0 : data.userSubscription) === null || _b === void 0 ? void 0 : _b.status,
@@ -20,6 +20,7 @@ export const mapSubsInitToTrackingProps = (data) => {
         session_id: '',
         experimentation: '',
         device_type: '',
+        isSubscriber: (_k = data === null || data === void 0 ? void 0 : data.userSubscription) === null || _k === void 0 ? void 0 : _k.isSubscriber,
     });
 };
 //# sourceMappingURL=trackingContext.js.map

package/dist/tracking/trackingContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"trackingContext.js","sourceRoot":"","sources":["../../src/tracking/trackingContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAiB9D,IAAI,WAAW,GAAwB,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA0B,EAAE,EAAE;IACnE,WAAW,mCAAQ,WAAW,GAAK,KAAK,CAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAwB,EAAE,CAAC,WAAW,CAAC;AAE7E,sEAAsE;AACtE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAS,EAAuB,EAAE;;IAAC,OAAA,CAAC;QAC7E,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,WAAW;QACtD,mBAAmB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,MAAM;QACnD,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,gBAAgB;QAC3D,uBAAuB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,qBAAqB;QACtE,qBAAqB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,mBAAmB;QAClE,kBAAkB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,gBAAgB;QAC5D,cAAc,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,YAAY;QACpD,UAAU,EAAE,MAAA,oBAAoB,EAAE,0CAAE,KAAK;QACzC,cAAc,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,aAAa;QACrD,UAAU,EAAE,EAAE;QACd,eAAe,EAAE,EAAE;QACnB,WAAW,EAAE,EAAE;KAChB,CAAC,CAAA;CAAA,CAAC","sourcesContent":["import { getAuthenticatedUser } from '@openedx/frontend-base';\n\nexport interface CommonTrackingProps {\n  free_trial_status?: string,\n  subscription_status?: string,\n  subscription_tier?: string,\n  payment_method?: string | null,\n  user_email?: string | null,\n  session_id?: string | null,\n  experimentation?: string | null,\n  device_type?: string | null,\n  subscription_start_date?: string | null,\n  subscription_end_date?: string | null,\n  current_period_end?: string | null,\n  trial_end_date?: string | null,\n}\n\nlet commonProps: CommonTrackingProps = {};\n\nexport const setCommonTrackingProps = (props: CommonTrackingProps) => {\n  commonProps = { ...commonProps, ...props };\n};\n\nexport const getCommonTrackingProps = (): CommonTrackingProps => commonProps;\n\n// Single place that maps the subs/init API response -> tracking props\nexport const mapSubsInitToTrackingProps = (data: any): CommonTrackingProps => ({\n  free_trial_status: data?.userSubscription?.trialActive,\n  subscription_status: data?.userSubscription?.status,\n  subscription_tier: data?.userSubscription?.billingFrequency,\n  subscription_start_date: data?.userSubscription?.subscriptionStartDate,\n  subscription_end_date: data?.userSubscription?.subscriptionEndDate,\n  current_period_end: data?.userSubscription?.currentPeriodEnd,\n  trial_end_date: data?.userSubscription?.trialEndDate,\n  user_email: getAuthenticatedUser()?.email,\n  payment_method: data?.userSubscription?.paymentMethod,\n  session_id: '',\n  experimentation: '',\n  device_type: '',\n});\n"]}
+{"version":3,"file":"trackingContext.js","sourceRoot":"","sources":["../../src/tracking/trackingContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAkB9D,IAAI,WAAW,GAAwB,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAA0B,EAAE,EAAE;IACnE,WAAW,mCAAQ,WAAW,GAAK,KAAK,CAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAwB,EAAE,CAAC,WAAW,CAAC;AAE7E,sEAAsE;AACtE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAS,EAAuB,EAAE;;IAAC,OAAA,CAAC;QAC7E,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,WAAW;QACtD,mBAAmB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,MAAM;QACnD,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,gBAAgB;QAC3D,uBAAuB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,qBAAqB;QACtE,qBAAqB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,mBAAmB;QAClE,kBAAkB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,gBAAgB;QAC5D,cAAc,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,YAAY;QACpD,UAAU,EAAE,MAAA,oBAAoB,EAAE,0CAAE,KAAK;QACzC,cAAc,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,aAAa;QACrD,UAAU,EAAE,EAAE;QACd,eAAe,EAAE,EAAE;QACnB,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,0CAAE,YAAY;KACnD,CAAC,CAAA;CAAA,CAAC","sourcesContent":["import { getAuthenticatedUser } from '@openedx/frontend-base';\n\nexport interface CommonTrackingProps {\n  free_trial_status?: string,\n  subscription_status?: string,\n  subscription_tier?: string,\n  payment_method?: string | null,\n  user_email?: string | null,\n  session_id?: string | null,\n  experimentation?: string | null,\n  device_type?: string | null,\n  subscription_start_date?: string | null,\n  subscription_end_date?: string | null,\n  current_period_end?: string | null,\n  trial_end_date?: string | null,\n  isSubscriber?: boolean,\n}\n\nlet commonProps: CommonTrackingProps = {};\n\nexport const setCommonTrackingProps = (props: CommonTrackingProps) => {\n  commonProps = { ...commonProps, ...props };\n};\n\nexport const getCommonTrackingProps = (): CommonTrackingProps => commonProps;\n\n// Single place that maps the subs/init API response -> tracking props\nexport const mapSubsInitToTrackingProps = (data: any): CommonTrackingProps => ({\n  free_trial_status: data?.userSubscription?.trialActive,\n  subscription_status: data?.userSubscription?.status,\n  subscription_tier: data?.userSubscription?.billingFrequency,\n  subscription_start_date: data?.userSubscription?.subscriptionStartDate,\n  subscription_end_date: data?.userSubscription?.subscriptionEndDate,\n  current_period_end: data?.userSubscription?.currentPeriodEnd,\n  trial_end_date: data?.userSubscription?.trialEndDate,\n  user_email: getAuthenticatedUser()?.email,\n  payment_method: data?.userSubscription?.paymentMethod,\n  session_id: '',\n  experimentation: '',\n  device_type: '',\n  isSubscriber: data?.userSubscription?.isSubscriber,\n});\n"]}

package/dist/widgets/LearnerDashboardHeader/SiteLogo.d.ts

@@ -1,5 +1,3 @@
-interface SiteLogoProps {
-    destinationUrl?: string;
-}
-export default function SiteLogo({ destinationUrl }: SiteLogoProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { FC } from 'react';
+declare const SiteLogo: FC;
+export default SiteLogo;

package/dist/widgets/LearnerDashboardHeader/SiteLogo.js

@@ -1,18 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
 import { Hyperlink, Image } from '@openedx/paragon';
-import { getSiteConfig } from '@openedx/frontend-base';
+import { getSiteConfig, useSiteEvent } from '@openedx/frontend-base';
+import { useLocation } from 'react-router-dom';
 import EdxDesktop from '../../assets/Unlimited-desktop.svg';
 import EdxTablet from '../../assets/Unlimited-tablet.svg';
 import EdxMobile from '../../assets/Unlimited-mobile.svg';
 import { createEventTracker } from '../../data/services/segment/utils';
 import eventNames, { categories } from '../../tracking/constants';
-export default function SiteLogo({ destinationUrl }) {
-    var _a;
+import { getCommonTrackingProps } from '../../tracking';
+import edXLogo from '../../assets/edXLogo.png';
+const CHECKOUT_PAYMENT_STATE_CHANGED = 'org.openedx.frontend.event.subscriptionCheckout.paymentStateChanged.v1';
+const SiteLogo = () => {
     const siteConfig = getSiteConfig();
-    const dest = (_a = destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : siteConfig === null || siteConfig === void 0 ? void 0 : siteConfig.baseUrl) !== null && _a !== void 0 ? _a : '/';
+    const { pathname } = useLocation();
+    const [isPaid, setIsPaid] = useState(false);
+    const handlePaymentStateChanged = useCallback((_topic, data) => {
+        setIsPaid((data === null || data === void 0 ? void 0 : data.isPaid) === true);
+    }, []);
+    useSiteEvent(CHECKOUT_PAYMENT_STATE_CHANGED, handlePaymentStateChanged);
+    const { isSubscriber } = getCommonTrackingProps();
+    const dest = isSubscriber ? `${siteConfig === null || siteConfig === void 0 ? void 0 : siteConfig.baseUrl}/subscription-learner-dashboard` : `${siteConfig === null || siteConfig === void 0 ? void 0 : siteConfig.baseUrl}/learner-dashboard`;
     const handleLogoClick = () => {
         createEventTracker(eventNames.headerLogoClicked, { category: categories.header, label: dest })();
     };
-    return (_jsx(Hyperlink, { destination: dest, className: "p-0", onClick: handleLogoClick, children: _jsxs("picture", { className: "site-logo", children: [_jsx("source", { media: "(min-width: 1024px)", srcSet: EdxDesktop }), _jsx("source", { media: "(min-width: 768px)", srcSet: EdxTablet }), _jsx(Image, { src: EdxMobile, style: { maxHeight: '2rem' } })] }) }));
-}
+    const isCheckout = pathname.startsWith('/checkout');
+    const showEdxLogo = !isSubscriber
+        && !(isCheckout && isPaid)
+        && (isCheckout || pathname.startsWith('/learner-dashboard'));
+    return (_jsx(Hyperlink, { destination: dest, className: "p-0", onClick: handleLogoClick, children: _jsxs("picture", { className: "site-logo", children: [_jsx("source", { media: "(min-width: 1024px)", srcSet: showEdxLogo ? edXLogo : EdxDesktop }), _jsx("source", { media: "(min-width: 768px)", srcSet: showEdxLogo ? edXLogo : EdxTablet }), _jsx(Image, { src: showEdxLogo ? edXLogo : EdxMobile, style: { maxHeight: '2rem' } })] }) }));
+};
+export default SiteLogo;
 //# sourceMappingURL=SiteLogo.js.map

package/dist/widgets/LearnerDashboardHeader/SiteLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteLogo.js","sourceRoot":"","sources":["../../../src/widgets/LearnerDashboardHeader/SiteLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAMjE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,cAAc,EAAiB;;IAChE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,mCAAI,GAAG,CAAC;IAE1D,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,kBAAkB,CAChB,UAAU,CAAC,iBAAiB,EAC5B,EAAE,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAC7C,EAAE,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAE,IAAI,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,eAAe,YACpE,mBAAS,SAAS,EAAC,WAAW,aAE5B,iBAAQ,KAAK,EAAC,qBAAqB,EAAC,MAAM,EAAE,UAAU,GAAI,EAC1D,iBAAQ,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAE,SAAS,GAAI,EAExD,KAAC,KAAK,IAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAI,IAC/C,GACA,CACb,CAAC;AACJ,CAAC","sourcesContent":["import { Hyperlink, Image } from '@openedx/paragon';\nimport { getSiteConfig } from '@openedx/frontend-base';\nimport EdxDesktop from '../../assets/Unlimited-desktop.svg';\nimport EdxTablet from '../../assets/Unlimited-tablet.svg';\nimport EdxMobile from '../../assets/Unlimited-mobile.svg';\nimport { createEventTracker } from '@src/data/services/segment/utils';\nimport eventNames, { categories } from '@src/tracking/constants';\n\ninterface SiteLogoProps {\n  destinationUrl?: string,\n}\n\nexport default function SiteLogo({ destinationUrl }: SiteLogoProps) {\n  const siteConfig = getSiteConfig();\n  const dest = destinationUrl ?? siteConfig?.baseUrl ?? '/';\n\n  const handleLogoClick = () => {\n    createEventTracker(\n      eventNames.headerLogoClicked,\n      { category: categories.header, label: dest }\n    )();\n  };\n\n  return (\n    <Hyperlink destination={dest} className=\"p-0\" onClick={handleLogoClick}>\n      <picture className=\"site-logo\">\n        {/* Desktop: adjust min-width values to your breakpoints */}\n        <source media=\"(min-width: 1024px)\" srcSet={EdxDesktop} />\n        <source media=\"(min-width: 768px)\" srcSet={EdxTablet} />\n        {/* fallback/mobile */}\n        <Image src={EdxMobile} style={{ maxHeight: '2rem' }} />\n      </picture>\n    </Hyperlink>\n  );\n}\n"]}
+{"version":3,"file":"SiteLogo.js","sourceRoot":"","sources":["../../../src/widgets/LearnerDashboardHeader/SiteLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,MAAM,8BAA8B,GAAG,wEAAwE,CAAC;AAEhH,MAAM,QAAQ,GAAO,GAAG,EAAE;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,WAAW,CAC3C,CAAC,MAAc,EAAE,IAA0B,EAAE,EAAE;QAC7C,SAAS,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,MAAK,IAAI,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAET,YAAY,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAC;IAExE,MAAM,EAAE,YAAY,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAClD,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,iCAAiC,CAAC,CAAC,CAAC,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,oBAAoB,CAAC;IAEjI,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,kBAAkB,CAChB,UAAU,CAAC,iBAAiB,EAC5B,EAAE,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAC7C,EAAE,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IACpD,MAAM,WAAW,GACb,CAAC,YAAY;WACV,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC;WACvB,CAAC,UAAU,IAAI,QAAQ,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAE,IAAI,EAAE,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,eAAe,YACpE,mBAAS,SAAS,EAAC,WAAW,aAE5B,iBAAQ,KAAK,EAAC,qBAAqB,EAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,GAAI,EAClF,iBAAQ,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GAAI,EAEhF,KAAC,KAAK,IAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAI,IACvE,GACA,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { FC, useState, useCallback } from 'react';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport { getSiteConfig, useSiteEvent } from '@openedx/frontend-base';\nimport { useLocation } from 'react-router-dom';\n\nimport EdxDesktop from '../../assets/Unlimited-desktop.svg';\nimport EdxTablet from '../../assets/Unlimited-tablet.svg';\nimport EdxMobile from '../../assets/Unlimited-mobile.svg';\nimport { createEventTracker } from '@src/data/services/segment/utils';\nimport eventNames, { categories } from '@src/tracking/constants';\nimport { getCommonTrackingProps } from '@src/tracking';\nimport edXLogo from '../../assets/edXLogo.png';\n\nconst CHECKOUT_PAYMENT_STATE_CHANGED = 'org.openedx.frontend.event.subscriptionCheckout.paymentStateChanged.v1';\n\nconst SiteLogo: FC = () => {\n  const siteConfig = getSiteConfig();\n\n  const { pathname } = useLocation();\n  const [isPaid, setIsPaid] = useState(false);\n\n  const handlePaymentStateChanged = useCallback(\n    (_topic: string, data?: { isPaid: boolean }) => {\n      setIsPaid(data?.isPaid === true);\n    }, []);\n\n  useSiteEvent(CHECKOUT_PAYMENT_STATE_CHANGED, handlePaymentStateChanged);\n\n  const { isSubscriber } = getCommonTrackingProps();\n  const dest = isSubscriber ? `${siteConfig?.baseUrl}/subscription-learner-dashboard` : `${siteConfig?.baseUrl}/learner-dashboard`;\n\n  const handleLogoClick = () => {\n    createEventTracker(\n      eventNames.headerLogoClicked,\n      { category: categories.header, label: dest }\n    )();\n  };\n\n  const isCheckout = pathname.startsWith('/checkout');\n  const showEdxLogo\n    = !isSubscriber\n      && !(isCheckout && isPaid)\n      && (isCheckout || pathname.startsWith('/learner-dashboard'));\n\n  return (\n    <Hyperlink destination={dest} className=\"p-0\" onClick={handleLogoClick}>\n      <picture className=\"site-logo\">\n        {/* Desktop: adjust min-width values to your breakpoints */}\n        <source media=\"(min-width: 1024px)\" srcSet={showEdxLogo ? edXLogo : EdxDesktop} />\n        <source media=\"(min-width: 768px)\" srcSet={showEdxLogo ? edXLogo : EdxTablet} />\n        {/* fallback/mobile */}\n        <Image src={showEdxLogo ? edXLogo : EdxMobile} style={{ maxHeight: '2rem' }} />\n      </picture>\n    </Hyperlink>\n  );\n};\n\nexport default SiteLogo;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-app-subscription-learner-dashboard",
-  "version": "1.65.2",
+  "version": "1.65.4",
   "description": "",
   "repository": {
     "type": "git",